Ознака са задатом класом у 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.