Pemilihan Elemen Berbilang Kelas dalam CSS

Jika dikehendaki, kita boleh memilih elemen yang mempunyai dua kelas secara serentak, tanpa menjejaskan elemen dengan hanya satu daripada kelas tersebut.

Mari kita lihat contoh. Katakan kita mempunyai kod berikut:

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

Seperti yang anda lihat, perenggan pertama mempunyai kelas eee, perenggan kedua - kelas zzz, dan perenggan ketiga - mempunyai kedua-dua kelas ini secara serentak.

Mari kita pilih perenggan terakhir, tanpa menjejaskan yang lain. Untuk melakukan ini, tulis nama satu kelas dan nama kelas kedua secara berturut-turut tanpa ruang:

.eee.zzz {
	color: red;
}

Pilih elemen yang secara serentak mempunyai kelas eee, zzz dan ccc:

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