# Тег с заданным классом в 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`.

← →
↑