Elementas su nurodyta klase CSS

Tarkime, kad turime dviejų tipų elementus su vienodomis klasėmis. Pavyzdžiui, tiek antraštės h2, tiek pastraipos turi tą pačią klasę:

<h2 class="eee">Pavadinimas</h2>
<p class="eee">
	tekstas
</p>

<h2 class="eee">Pavadinimas</h2>
<p class="eee">
	tekstas
</p>

Mes galime, pavyzdžiui, nudažyti visus elementus su tokia klase raudona spalva:

.eee {
	color: red;
}

Tačiau galima kreiptis į konkretų elementą su klase. Pavyzdžiui, galima pasirinkti visas h2 su klase eee ir atskirai pasirinkti visas p su šia klase.

Norint tai padaryti, selektoriuje reikia parašyti elemento pavadinimą, o po to - klasės pavadinimą. Leiskite, pavyzdžiui, nudažyti h2 su mūsų klase raudona spalva, o pastraipas su tokia klase - žalia spalva:

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

Duotas toks kodas:

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

.header {
	color: red;
}

Padarykite visas h2 su klase header dydžio 40px, o visas h3 su šia klase - dydžio 30px.