CSS-də bir neçə sinifə görə element seçimi

İstəsək, eyni zamanda iki sinifi olan elementi seçə bilərik, bu siniflərdən yalnız birinə malik olan elementlərə toxunmadan.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizdə aşağıdakı kod var:

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

Gördüyünüz kimi, birinci abzas eee sinfinə malikdir, ikinci abzas - zzz sinfinə, üçüncü abzas isə eyni zamanda hər iki sinfə malikdir.

Gəlin sonuncu abzası, qalanlarına toxunmadan seçək. Bunun üçün bir sinfin adını və ikinci sinfin adını bitişik, boşluq olmadan yazırıq:

.eee.zzz {
	color: red;
}

Eyni zamanda eee, zzz və ccc sinflərinə malik olan elementi seçin:

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