CSS да бир нечта синфлар бўйича элементни танлаш

Истаган ҳолимизда, биз битта синфга эга бўлган элементларга тегмасдан, бир вақтнинг ўзида иккита синфга эга бўлган элементни танлашимиз мумкин.

Келинг, мисолда кўрамиз. Фарз қилайлик, бизда куйидаги код бор:

<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>

Кўриб turganingizdek, биринчи абзац eee синфига эга, иккинчи абзац - zzz синфига эга, учинчи абзац эса бир вақтнинг ўзида бу иккала синфга эга.

Келинг, бошқа абзацларга тегмасдан, охирги абзацни танлаймиз. Бунинг учун битта синф номи ва иккинчи синф номини probelsiz, бир-бирига қўшиб ёзамиз:

.eee.zzz {
	color: red;
}

eee, zzz ва ccc синфларига бир вақтнинг ўзида эга бўлган элементни tanlang:

<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>