Warum unterscheidet sich der „:not()'-Selektor von jQuery vom „:not()'-Selektor von CSS?

Warum funktioniert der jQuery :not()-Selektor in CSS nicht?

Einführung

Trotz des Anspruchs von jQuery auf CSS3-Konformität funktioniert der :not() Der Selektor verhält sich in jQuery und CSS aufgrund der von jQuery vorgenommenen Erweiterungen unterschiedlich.

Schlüssel Unterschiede

1. Komma-getrennte Listen: jQuery erlaubt komplexe Selektorlisten in :not(), während der Standard :not() nur einzelne einfache Selektoren akzeptiert.
2. Zusammengesetzte Selektoren: jQuery erlaubt zusammengesetzte Selektoren innerhalb von :not(), aber CSS erfordert die Verkettung mehrerer :not()-Klauseln.
3. Kombinatoren: jQuery kann Nachkommenkombinatoren in :not() verwenden, was in CSS verboten ist.

CSS-Problemumgehung

Um das gewünschte Verhalten in CSS zu erreichen, verwenden Sie mehrere verkettete :not()-Klauseln zusammen:

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

Fazit

Die eingeschränkte Funktionalität des CSS :not()-Selektors führt zu Inkonsistenzen und Unannehmlichkeiten bei der Migration von jQuery zu CSS. Fortschritte in CSS deuten jedoch darauf hin, dass zukünftige Versionen stärker an das erweiterte :not()-Verhalten von jQuery angepasst werden.

Das obige ist der detaillierte Inhalt vonWarum unterscheidet sich der „:not()'-Selektor von jQuery vom „:not()'-Selektor von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!