CSS selektor elementa sa određenom klasom

Pretpostavimo da imamo dve vrste elemenata sa istim klasama. Na primer, neka i naslovi h2, i paragrafi imaju istu klasu:

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

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

Možemo, na primer, obojiti sve elemente sa takvom klasom u crvenu boju:

.eee {
	color: red;
}

Međutim, moguće je pozvati se na određeni element sa klasom. Na primer, možemo izabrati sve h2 elemente sa klasom eee i posebno izabrati sve p elemente sa tom klasom.

Za to u selektoru treba napisati ime elementa, a zatim spojeno ime klase. Hajde, na primer, da obojimo h2 elemente sa našom klasom u crveno, a paragrafe sa takvom klasom - u zeleno:

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

Dat je sledeći kod:

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

.header {
	color: red;
}

Učinite sve h2 elemente sa klasom header veličine 40px, a sve h3 elemente sa tom klasom - veličine 30px.