Element s danou triedou v CSS

Nech máme dva typy elementov s rovnakými triedami. Napríklad, nech aj nadpisy h2, a aj odseky majú rovnakú triedu:

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

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

Môžeme, napríklad, zafarbiť všetky elementy s takouto triedou na červenú:

.eee {
	color: red;
}

Je však možné zamerať sa na konkrétny element s triedou. Napríklad, môžeme vybrať všetky h2 s triedou eee a oddelene vybrať všetky p s touto triedou.

Na to treba v selektore napísať názov elementu, a potom prilepený názov triedy. Napríklad, zafarbme h2 s našou triedou na červenú, a odseky s takouto triedou - na zelenú:

h2.eee {
	color: red;
}
p.eee {
	color: green;
}

Daný je nasledujúci kód:

<h2 class="header">text</h2>
<h2 class="header">text</h2>
<h3 class="header">text</h3>
<h3 class="header">text</h3>

.header {
	color: red;
}

Nastavte všetky h2 s triedou header veľkosť 40px, a všetky h3 s touto triedou - veľkosť 30px.