Mengapa Pemilih `:not()` jQuery Tidak Berkelakuan Seperti CSS `:not()`?

Mengapakah Pemilih :not() jQuery Tidak Berfungsi dalam CSS?

Pemilih :not() jQuery, sambil mendakwa sebagai Mematuhi CSS3, mempamerkan perbezaan yang ketara dalam fungsi berbanding dengan kelas pseudo :not() yang ditakrifkan dalam CSS3.

Perbezaan dalam Sintaks dan Kefungsian:

• Melalui Berbilang Pemilih: jQuery membenarkan menghantar senarai pemilih yang dipisahkan koma ke :not(), tetapi CSS3 :not() hanya menerima satu mudah sahaja pemilih.
• Menggabungkan Pemilih Ringkas: jQuery membenarkan penggabungan berbilang pemilih ringkas ke dalam pemilih kompaun untuk digunakan dengan :not(), manakala CSS3 tidak.
• Menggunakan Combinators: jQuery menyokong penggunaan combinator dalam pemilih :not(), manakala CSS3 bukan.

Akibat:

Apabila cuba menggunakan pemilih jQuery :not() secara langsung dalam CSS, ia mungkin gagal berfungsi seperti yang dimaksudkan kerana ini sintaks dan perbezaan fungsi. Contoh yang diberikan dalam soalan menggambarkan isu ini.

Penyelesaian CSS3:

Untuk memintas pengehadan ini, CSS3 menyediakan penyelesaian berikut:

• Berbilang Pemilih :not(): Rantai berbilang pemilih :not() bersama-sama untuk menafikan berbilang pemilih mudah.
• Memisahkan Pemilih Kompaun: Pecahkan pemilih kompaun kepada berbilang penolakan.
• Kaedah Alternatif: Gunakan kaedah berasaskan CSS alternatif , seperti menggabungkan kelas pseudo dan penggabung.

Nota:

CSS3 akhirnya akan menyokong pemilih :not() dipertingkat yang ditakrifkan dalam Selectors 4, yang membolehkan kefungsian yang lebih meluas. Walau bagaimanapun, ini masih merupakan standard masa hadapan dan tidak dilaksanakan secara meluas.

Atas ialah kandungan terperinci Mengapa Pemilih `:not()` jQuery Tidak Berkelakuan Seperti CSS `:not()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!