Tag met opgegeven klasse in CSS

Stel we hebben twee soorten tags met dezelfde klassen. Bijvoorbeeld, stel dat zowel koppen h2, als alinea's dezelfde klasse hebben:

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

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

We kunnen bijvoorbeeld alle elementen met zo'n klasse rood kleuren:

.eee {
	color: red;
}

We kunnen ons echter ook tot een specifieke tag met een klasse richten. We kunnen bijvoorbeeld alle h2 met klasse eee selecteren en apart alle p met deze klasse.

Hiervoor moet je in de selector de tag naam schrijven, en dan aaneengeschreven de klassenaam. Laten we, bijvoorbeeld, de h2 met onze klasse rood kleuren, en de alinea's met zo'n klasse - in groen:

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

Gegeven de volgende code:

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

.header {
	color: red;
}

Maak alle h2 met klasse header grootte 40px, en alle h3 met deze klasse - grootte 30px.