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:

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

css.eee.zzz {
  color: red;
}

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