Pemilihan Elemen Berdasarkan Beberapa Kelas di CSS

Jika diinginkan, kita dapat memilih elemen yang memiliki dua kelas secara bersamaan, tanpa menyentuh elemen dengan salah satu dari kelas-kelas ini.

Mari kita lihat contohnya. Misalkan kita memiliki kode 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, paragraf pertama memiliki kelas eee, paragraf kedua - kelas zzz, dan paragraf ketiga - secara bersamaan memiliki kedua kelas ini.

Mari kita pilih paragraf terakhir, tanpa menyentuh yang lainnya. Untuk melakukan ini, tuliskan nama satu kelas dan nama kelas kedua secara bersambung tanpa spasi:

.eee.zzz {
	color: red;
}

Pilih elemen yang secara bersamaan memiliki 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>