CSSda bir nechta klass bo‘yicha elementlarni tanlash

Istasak, bu klasslarning faqat biriga ega bo‘lgan elementlarga ta’sir o‘tkazmasdan, bir vaqtning o‘zida ikkita klassga ega bo‘lgan elementni tanlashimiz mumkin.

Keling, buni misolda ko‘rib chiqaylik. Faraz qilaylik, bizda quyidagi kod mavjud:

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

Ko‘rib turganingizdek, birinchi abzas eee klassiga ega, ikkinchi abzas - zzz klassiga ega, uchinchi abzas esa bir vaqtning o‘zida ikkala klassga ham ega.

Keling, qolgan abzazlarga ta'sir o'tkazmasdan, oxirgi abzasni tanlaylik. Buning uchun bir klass nomi va ikkinchi klass nomini bo'shliqsiz, birikib yozamiz:

.eee.zzz {
	color: red;
}

eee, zzz va ccc klasslariga bir vaqtda ega bo‘lgan elementni 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>