CSS: elements ar noteikto klasi

Pieņemsim, ka mums ir divu veidu elementi ar vienādām klasēm. Piemēram, gan virsraksti h2, gan rindkopas ir vienas un tās pašas klases:

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

<h2 class="eee">Title</h2>
<p class="eee">
	text
</p>

Mēs, piemēram, varam nokrāsot visus elementus ar šo klasi sarkanā krāsā:

.eee {
	color: red;
}

Tomēr, varat adresēties konkrētam elementam ar klasi. Piemēram, varat atlasīt visus h2 ar klasi eee un atsevišķi atlasīt visas p ar šo klasi.

Lai to izdarītu, selektorā jāieraksta elementa nosaukums un pēc tam klases nosaukums. Piemēram, iekrāsosim h2 ar mūsu klasi sarkanā krāsā, bet rindkopas ar šo klasi - zaļā krāsā:

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

Dots šāds kods:

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

.header {
	color: red;
}

Iestatiet visiem h2 ar klasi header izmēru 40px, bet visiem h3 ar šo klasi - izmēru 30px.