Bagaimana untuk Menyasarkan Elemen dengan Pelbagai Kelas Menggunakan Pemilih CSS?

Pemilih CSS untuk Menyasarkan Elemen dengan Berbilang Kelas

Menentukan sama ada elemen memenuhi kriteria tertentu adalah penting apabila bekerja dengan CSS. Satu senario sedemikian ialah mengenal pasti elemen yang dimiliki oleh dua atau lebih kelas tertentu. Artikel ini menyediakan penyelesaian yang mudah untuk masalah ini, bersama-sama dengan pertimbangan keserasian penyemak imbas.

Untuk memilih elemen yang mempunyai berbilang kelas, gunakan sintaks pemilih kelas CSS. Hanya rantaikan nama kelas bersama-sama tanpa memisahkannya dengan ruang. Contohnya, untuk memilih elemen dengan kedua-dua kelas "foo" dan "bar":

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

Walau bagaimanapun, jurubahasa Internet Explorer 6 merantai pemilih kelas secara berbeza. Untuk penyemak imbas ini, hanya pemilih kelas terakhir akan dikenali. Untuk memastikan keserasian, pertimbangkan untuk menggunakan kod berikut:

* {
  color: black;
}

.foo.bar {
  color: red;
}

Kod ini memberikan warna "merah" kepada elemen dengan kedua-dua kelas "foo" dan "bar", manakala semua elemen lain mengekalkan "hitam" lalai warna. Melaksanakan pendekatan ini membolehkan penggayaan yang konsisten merentas pelbagai pelayar, termasuk IE6.

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Elemen dengan Pelbagai Kelas Menggunakan Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!