Tag med givet klasse i CSS

Lad os sige, at vi har to typer tags med de samme klasser. For eksempel, lad både overskrifter h2, og afsnit have den samme klasse:

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

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

Vi kan for eksempel farve alle elementer med en sådan klasse i rød:

.eee {
	color: red;
}

Man kan dog henvende sig til et specifikt tag med en klasse. For eksempel kan man vælge alle h2 med klassen eee og separat vælge alle p med denne klasse.

For at gøre dette skal du i selectoren skrive taggets navn, og derefter klassens navn uden mellemrum. Lad os, for eksempel, farve h2 med vores klasse i rød, og afsnit med en sådan klasse - i grøn:

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

Givet følgende kode:

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

.header {
	color: red;
}

Gør alle h2 med klassen header en størrelse på 40px, og alle h3 med denne klasse - en størrelse på 30px.