CSS'te Birden Fazla Sınıfa Göre Öğe Seçimi

İstersek, bu sınıflardan sadece birine sahip öğelere dokunmadan, aynı anda iki sınıfa sahip olan öğeyi seçebiliriz.

Bir örnek üzerinden inceleyelim. Aşağıdaki koda sahip olduğumuzu varsayalım:

<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üğünüz gibi, ilk paragraf eee sınıfına, ikinci paragraf - zzz sınıfına, üçüncü paragraf ise - aynı anda bu iki sınıfa sahiptir.

Şimdi, diğerlerine dokunmadan son paragrafı seçelim. Bunun için bir sınıfın adını ve ikinci sınıfın adını bitişik ve boşluksuz olarak yazıyoruz:

.eee.zzz {
	color: red;
}

eee, zzz ve ccc sınıflarına aynı anda sahip olan öğeyi 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>