Тег с заданным классом в CSS
Пусть у нас есть два типа тегов с одинаковыми
классами. Например, пусть и заголовки h2,
и абзацы имеют один и тот же класс:
<h2 class="eee">Title</h2>
<p class="eee">
text
</p>
<h2 class="eee">Title</h2>
<p class="eee">
text
</p>
Мы можем, к примеру, покрасить все элементы с таким классом в красный цвет:
.eee {
color: red;
}
Можно, однако, обратиться к конкретному тегу
с классом. К примеру, можно выбрать все h2
с классом eee и отдельно выбрать все
p с этим классом.
Для этого в селекторе нужно написать имя
тега, а затем слитно имя класса. Давайте,
например, покрасим h2 с нашим классом
в красный цвет, а абзацы с таким классом
- в зеленый:
h2.eee {
color: red;
}
p.eee {
color: green;
}
Дан следующий код:
<h2 class="header">text</h2>
<h2 class="header">text</h2>
<h3 class="header">text</h3>
<h3 class="header">text</h3>
.header {
color: red;
}
Сделайте все h2 с классом header
размером 40px, а все h3 с этим
классом - размером 30px.