Sildi määratud klassiga CSS-is

Oletame, et meil on kahte tüüpi sildid, millel on samad klassid. Näiteks oletame, et nii pealkirja sildil h2 kui ka lõigud on üks ja sama klass:

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

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

Me võime näiteks värvida kõik elemendid sellise klassiga punaseks:

.eee {
	color: red;
}

Võib aga viidata konkreetsele sildile klassiga. Näiteks saab valida kõik h2 klassiga eee ja eraldi valida kõik p selle klassiga.

Selleks tuleb valijasse kirjutada sildi nimi ja seejärel liita klassi nimi. Värvime näiteks kõik h2 meie klassiga punaseks ja lõigud sellise klassiga - roheliseks:

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

Antud on järgmine kood:

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

.header {
	color: red;
}

Tehke kõik h2 klassiga header suurusega 40px, ja kõik h3 selle klassiga - suurusega 30px.