CSS-те бірнеше класс бойынша элементті таңдау

Қажет болса, біз осы класстардың бір ғанана ие элементтерге әсер етпей, бір уақытта екі класы бар элементті таңдай аламыз.

Мысал арқылы қарастырайық. Бізде келесі код бар делік:

<p class="eee">
	Бұл мәтінмен абзац.
</p>
<p class="zzz">
	Бұл мәтінмен абзац.
</p>
<p class="eee zzz">
	Бұл мәтінмен абзац.
</p>

Көріп отырғаныңыздай, бірінші абзацта eee класы бар, екінші абзацта - zzz класы, ал үшінші абзацта - бір уақытта осы екі класы да бар.

Қалғандарына әсер етпей, соңғы абзацты таңдайық. Ол үшін бір класс атауын және екінші класс атауын бос орынсыз жазып шығамыз:

.eee.zzz {
	color: red;
}

Бір уақытта eee, zzz және ccc кластары бар элементті таңдаңыз:

<p class="eee">
	Бұл мәтінмен абзац.
</p>
<p class="zzz">
	Бұл мәтінмен абзац.
</p>
<p class="ccc">
	Бұл мәтінмен абзац.
</p>
<p class="eee zzz ccc">
	Бұл мәтінмен абзац.
</p>