Pourquoi le sélecteur `:not()` de jQuery diffère-t-il du sélecteur `:not()` de CSS ?

Pourquoi le sélecteur jQuery :not() ne fonctionne-t-il pas en CSS ?

Introduction

Malgré l'affirmation de jQuery de conformité CSS3, le :not() le sélecteur se comporte différemment dans jQuery et CSS en raison des extensions créées par jQuery.

Clé Différences

1. Listes séparées par des virgules : jQuery autorise les listes de sélecteurs complexes dans :not(), tandis que le standard :not() n'accepte que des sélecteurs simples.
2. Sélecteurs composés : jQuery autorise les sélecteurs composés dans :not(), mais CSS nécessite d'enchaîner plusieurs :not() clauses.
3. Combinateurs : jQuery peut utiliser des combinateurs descendants dans :not(), ce qui est interdit en CSS.

Solution de contournement CSS

Pour obtenir le comportement souhaité en CSS, utilisez plusieurs clauses :not() enchaînées ensemble :

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

Conclusion

La fonctionnalité limitée du sélecteur CSS :not() entraîne des incohérences et des inconvénients lors de la migration de jQuery vers CSS. Cependant, les progrès de CSS suggèrent que les futures versions s'aligneront plus étroitement sur le comportement étendu :not() de jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!