Mengapa Pemilih `:not()` jQuery Berbeza daripada Pemilih `:not()` CSS?

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

Pengenalan

Walaupun tuntutan jQuery terhadap pematuhan CSS3, :not() pemilih berkelakuan berbeza dalam jQuery dan CSS kerana sambungan yang dibuat oleh jQuery.

Perbezaan Utama

1. Senarai Dipisahkan Koma: jQuery membenarkan senarai pemilih kompleks dalam :not(), manakala standard :not() menerima sahaja pemilih ringkas tunggal.
2. Pemilih Kompaun: jQuery membenarkan pemilih kompaun dalam :not(), tetapi CSS memerlukan rantaian berbilang klausa :not().
3. Penggabung: jQuery boleh menggunakan penggabung keturunan dalam :not(), yang dilarang dalam CSS .

Penyelesaian CSS

Untuk mencapai gelagat yang diingini dalam CSS, gunakan berbilang :not() klausa dirantai bersama:

#sectors > div:not(.alpha):not(.beta):not(.gamma)

Kesimpulan

Kefungsian terhad pemilih CSS :not() membawa kepada ketidakkonsistenan dan kesulitan apabila berhijrah daripada jQuery ke CSS. Walau bagaimanapun, kemajuan dalam CSS mencadangkan bahawa versi akan datang akan diselaraskan lebih rapat dengan tingkah laku lanjutan :not() jQuery.

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