Тег с заданным классом

Пусть у нас есть два типа тегов с одинаковыми классами. Например, пусть и заголовки h2, и абзацы имеют один и тот же класс:

<h2 class="eee">заголовок</h2> <p class="eee"> абзац </p> <h2 class="eee">заголовок</h2> <p class="eee"> абзац </p>

Мы можем, к примеру, покрасить все элементы с таким классом в красный цвет:

.eee { color: red; }

Можно, однако, обратиться к конкретному тегу с классом. К примеру, можно выбрать все h2 с классом eee и отдельно выбрать все p с этим классом.

Для этого в селекторе нужно написать имя тега, а затем слитно имя класса. Давайте, например, покрасим h2 с нашим классом в красный цвет, а абзацы с таким классом - в зеленый:

h2.eee { color: red; } p.eee { color: green; }

Дан следующий код:

<h2 class="header">заголовок</h2> <h2 class="header">заголовок</h2> <h3 class="header">заголовок</h3> <h3 class="header">заголовок</h3> .header { color: red; }

Сделайте все h2 с классом header размером 40px, а все h3 с этим классом - размером 30px.