Kuchagua Kipengele Kulingana na Madarasa Kadhaa katika CSS

Kwa kutaka tunaweza kuchagua kipengele chenye darasa mbili kwa wakati mmoja, bila kugusa vipengele vyenye moja tu ya madarasa haya.

Wacha tuangalie kwa mfano. Hebu tuseme tuna msingi ufuatao:

<p class="eee">
	This is a paragraph with text.
</p>
<p class="zzz">
	This is a paragraph with text.
</p>
<p class="eee zzz">
	This is a paragraph with text.
</p>

Kama unavyoona, aya ya kwanza ina darasa eee, aya ya pili - darasa zzz, na aya ya tatu - ina madarasa yote mawili kwa wakati mmoja.

Wacha tuchague aya ya mwisho, bila kugusa zile zingine. Ili kufanya hivyo andika kwa mshazari bila nafasi jina la darasa moja na jina la darasa la pili:

.eee.zzz {
	color: red;
}

Chagua kipengele chenye madarasa eee, zzz na ccc kwa wakati mmoja:

<p class="eee">
	This is a paragraph with text.
</p>
<p class="zzz">
	This is a paragraph with text.
</p>
<p class="ccc">
	This is a paragraph with text.
</p>
<p class="eee zzz ccc">
	This is a paragraph with text.
</p>