Пусть у нас есть два типа тегов с одинаковыми классами. Например, пусть и заголовки 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;
}