Oznaka z določenim razredom v CSS

Recimo, da imamo dve vrsti oznak z enakimi razredi. Na primer, naj imajo tako naslovi h2, kot odstavki enak razred:

<h2 class="eee">Naslov</h2>
<p class="eee">
	besedilo
</p>

<h2 class="eee">Naslov</h2>
<p class="eee">
	besedilo
</p>

Lahko na primer pobarvamo vse elemente s takšnim razredom v rdečo barvo:

.eee {
	color: red;
}

Vendar pa se lahko obrnemo na določeno oznako z razredom. Na primer, lahko izberemo vse h2 z razredom eee in ločeno izberemo vse p s tem razredom.

Za to moramo v selektorju napisati ime oznake in nato spojeno ime razreda. Poglejmo, na primer, pobarvajmo h2 z našim razredom v rdečo barvo, odstavke s takšnim razredom - pa v zeleno:

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

Podana je naslednja koda:

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

.header {
	color: red;
}

Naredite vse h2 z razredom header velikosti 40px, vse h3 s tem razredom - pa velikosti 30px.