Tag s danou třídou v CSS

Mějme dva typy tagů se stejnými třídami. Například, mějme jak nadpisy h2, tak odstavce, které mají stejnou třídu:

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

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

Můžeme například obarvit všechny elementy s touto třídou na červeno:

.eee {
	color: red;
}

Lze se však obrátit na konkrétní tag s třídou. Například lze vybrat všechny h2 s třídou eee a samostatně vybrat všechny p s touto třídou.

K tomu je třeba v selektoru napsat jméno tagu a poté dohromady jméno třídy. Pojďme například obarvit h2 s naší třídou na červeno, a odstavce s touto třídou - na zeleno:

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

Dán následující 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šechny h2 s třídou header velikost 40px, a všechny h3 s touto třídou - velikost 30px.