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