Bagaimanakah Saya Boleh Memilih Elemen HTML dengan Berbilang Kelas Menggunakan CSS?

Memilih Elemen dengan Berbilang Kelas dalam CSS

Ramai pembangun web sering menghadapi keperluan untuk memilih elemen berdasarkan gabungan kelas tertentu. Pertimbangkan senario di mana anda mempunyai berbilang elemen, setiap satu dengan atribut kelas yang berbeza dan anda hanya mahu menyasarkan yang tergolong dalam dua kelas tertentu.

Untuk mencapai ini, CSS menyediakan penyelesaian yang mudah: pemilih kelas rantai. Dengan menentukan nama kelas secara berturut-turut tanpa ruang, anda boleh memadankan elemen yang memiliki kedua-dua kelas.

Sebagai contoh, katakan anda mempunyai tiga div dengan atribut kelas ditetapkan seperti berikut:

<div class="foo">Hello Foo</div>
<div class="foo bar">Hello World</div>
<div class="bar">Hello Bar</div>

Untuk memilih hanya div kedua, yang mempunyai kedua-dua kelas "foo" dan "bar", anda akan menggunakan yang berikut CSS:

.foo.bar {
  /* Styles for element(s) with foo AND bar classes */
}

Pemilih ini menggunakan gaya secara berkesan pada elemen yang memenuhi kriteria untuk mempunyai kedua-dua atribut kelas.

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa Internet Explorer 6 mempunyai had dengan kelas berantai pemilih. Tidak seperti pelayar lain, IE6 hanya mengenali pemilih kelas tersenarai terakhir, yang berpotensi menyebabkan tingkah laku yang tidak dijangka. Untuk menangani isu ini, anda dinasihatkan untuk menggunakan pernyataan bersyarat untuk sokongan penyemak imbas yang lebih lama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen HTML dengan Berbilang Kelas Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!