Tagi annetulla luokalla CSS:ssä

Oletetaan, että meillä on kahden tyyppisiä tageja samoilla luokilla. Esimerkiksi, oletetaan, että sekä otsikot h2, että kappaleet ovat samaa luokkaa:

<h2 class="eee">Otsikko</h2>
<p class="eee">
	teksti
</p>

<h2 class="eee">Otsikko</h2>
<p class="eee">
	teksti
</p>

Voimme esimerkiksi värittää kaikki elementit tällä luokalla punaiseksi:

.eee {
	color: red;
}

Voimme kuitenkin viitata tiettyyn tagiin luokalla. Esimerkiksi voimme valita kaikki h2 luokalla eee ja erikseen valita kaikki p tällä luokalla.

Tätä varten valitsijassa tulee kirjoittaa tagin nimi, ja sitten yhteen liitettynä luokan nimi. Esimerkiksi, väritetään h2 luokallamme punaiseksi, ja kappaleet tällä luokalla - vihreäksi:

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

Annettu seuraava koodi:

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

.header {
	color: red;
}

Tee kaikista h2 luokalla header koosta 40px, ja kaikista h3 tällä luokalla - koosta 30px.