Таг со зададена класа во CSS

Нека имаме два типа тагови со исти класи. На пример, нека и насловите h2, и параграфите имаат иста класа:

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

Можеме, на пример, да ги обоime сите елементи со таква класа во црвена боја:

.eee {
	color: red;
}

Сепак, може да се обратиме до конкретен таг со класа. На пример, може да избереме сите h2 со класата eee и одделно да избереме сите p со оваа класа.

За ова во селекторот треба да се напише името на тагот, а потоа слично името на класата. Ајде, на пример, да ги обоimeме 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.