Kichwa cha CSS chenye Class Iliyobainishwa

Hebu tuchukulie tuna aina mbili za vitendo vyenye class sawa. Kwa mfano, hebu viambatisho h2, na aya zote ziwe na class ile ile:

<h2 class="eee">Kichwa</h2>
<p class="eee">
	maandishi
</p>

<h2 class="eee">Kichwa</h2>
<p class="eee">
	maandishi
</p>

Tunaweza, kwa mfano, kuweka rangi nyekundu kwa vipengele vyote vilivyo na class kama hiyo:

.eee {
	color: red;
}

Hata hivyo, inawezekana kuelekea kwa kitendo maalum kilicho na class. Kwa mfano, tunaweza kuchagua h2 zote zenye class eee na kuchagua kando p zote zilizo na class hii.

Ili kufanya hivyo, kwenye kichaguzi inahitajika kuandika jina la kitendo, kisha kiambato cha jina la class. Hebu, kwa mfano, tuweke rangi nyekundu kwa h2 zilizo na class yetu na kwa aya zilizo na class kama hiyo - rangi ya kijani:

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

Imetolewa code ifuatayo:

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

.header {
	color: red;
}

Fanya h2 zote zilizo na class header ziwe na ukubwa wa 40px, na h3 zote zilizo na class hii - ziwe na ukubwa wa 30px.