Adakah CSS :not() Menyokong Pelbagai Argumen untuk Pengecualian Elemen?

Menyanggah Mitos Berbilang Argumen untuk :not() Pseudo-Class

Dalam CSS, :not() pseudo-class membenarkan pengecualian elemen berdasarkan kriteria tertentu. Walau bagaimanapun, terdapat salah tanggapan umum bahawa berbilang argumen boleh dirantai bersama dalam kelas pseudo. Salah tanggapan ini timbul apabila cuba mengecualikan pelbagai jenis elemen input menggunakan jenis sebagai kriteria.

Pertimbangkan contoh yang disediakan:

form input:not([type="radio"], [type="checkbox"]) {
  /* css here */
}

Niatnya adalah untuk memilih elemen input semua jenis kecuali radio dan kotak semak. Walau bagaimanapun, sintaks ini gagal berfungsi.

Penyelesaian: Memecahkan Kriteria Pengecualian

Untuk menangani isu ini, bukannya merantai berbilang argumen dalam :not(), CSS menawarkan penyelesaian mudah: gunakan penyataan :not() berasingan untuk setiap kriteria pengecualian. Dalam kes ini:

input:not([type="radio"])):not([type="checkbox"])

Sintaks ini memilih elemen input yang bukan radio mahupun kotak pilihan dengan betul. Kelas pseudo :not() beroperasi secara eksklusif, jadi menggunakan berbilang pernyataan memastikan semua kriteria yang ditetapkan dipenuhi untuk elemen dikecualikan.

Ingat:

Kelas pseudo :not() tidak menyokong berbilang argumen yang dirantai dalam satu pernyataan. Untuk mengecualikan berbilang jenis elemen, gunakan penyataan :not() berasingan untuk setiap kriteria pengecualian. Dengan memecahkan kriteria pengecualian anda kepada pernyataan individu, anda boleh menyasarkan elemen yang dikehendaki dalam CSS anda dengan berkesan.

Atas ialah kandungan terperinci Adakah CSS :not() Menyokong Pelbagai Argumen untuk Pengecualian Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!