Cara Mengecualikan Elemen daripada Pemilihan CSS: Adakah terdapat pemilih \"bukan\" dalam CSS?

CSS Not Selector

Soalan:

Adakah terdapat cara untuk mengecualikan elemen tertentu daripada Pemilihan CSS? Sebagai contoh, bagaimana anda boleh memilih semua medan input di luar elemen dengan kelas "nama kelas"?

Jawapan:

Malangnya, pada masa ini tiada terbina dalam " not" dalam CSS.

Alternatif:

• Penyelesaian CSS: Anda boleh menggunakan pemilih bersarang untuk memperhalusi pilihan anda. Sebagai contoh, daripada memilih "input .classname", anda boleh menyasarkan "input:not(.classname input)" untuk mengecualikan input dalam elemen dengan kelas "classname".
• jQuery/JavaScript : Jika anda bersedia menggunakan skrip, anda boleh mengambil pendekatan yang lebih dinamik. Kod jQuery yang disediakan, $j(':not(.classname)>input').css({background:'red'}), mengecualikan input daripada elemen dengan kelas "classname" dan menggunakan latar belakang merah pada baki yang lain input.

Status Sokongan:

Perhatikan bahawa penyemak imbas yang lebih baharu, seperti Chrome dan Firefox, kini menyokong pemilih ":not()". Ini bermakna anda boleh menggunakan sintaks ":not(.classname) input" dalam CSS anda untuk mengecualikan elemen secara langsung. Walau bagaimanapun, sokongan untuk ":not()" masih terhad dalam penyemak imbas tertentu.

Atas ialah kandungan terperinci Cara Mengecualikan Elemen daripada Pemilihan CSS: Adakah terdapat pemilih \"bukan\" dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!