Element med gitt klasse i CSS

La oss si at vi har to typer elementer med de samme klassene. For eksempel, la både overskrifter h2, og avsnitt ha den samme klassen:

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

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

Vi kan for eksempel fargelegge alle elementer med en slik klasse i rødt:

.eee {
	color: red;
}

Man kan imidlertid velge et spesifikt element med en klasse. For eksempel kan man velge alle h2 med klassen eee og separat velge alle p med denne klassen.

For å gjøre dette må du skrive elementnavnet i selektoren, og deretter klassens navn uten mellomrom. La oss for eksempel fargelegge h2 med vår klasse i rødt, og avsnitt med en slik klasse - i grønt:

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

Følgende kode er gitt:

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

.header {
	color: red;
}

Gjør alle h2 med klassen header 40px store, og alle h3 med denne klassen - 30px store.