Comment exclure des éléments de la sélection CSS : existe-t-il un sélecteur « non » en CSS ?

CSS Not Selector

Question :

Existe-t-il un moyen d'exclure certains éléments de Sélection CSS ? Par exemple, comment pouvez-vous sélectionner tous les champs de saisie en dehors d'un élément avec la classe "classname" ?

Réponse :

Malheureusement, il n'y a actuellement aucun " intégré " not" sélecteur en CSS.

Alternatives :

• Solutions de contournement CSS : Vous pouvez utiliser des sélecteurs imbriqués pour affiner votre sélection. Par exemple, au lieu de sélectionner « .classname input », vous pouvez cibler « input:not(.classname input) » pour exclure les entrées dans l'élément avec la classe « classname ».
• jQuery/JavaScript : Si vous êtes prêt à utiliser des scripts, vous pouvez adopter une approche plus dynamique. Le code jQuery fourni, $j(':not(.classname)>input').css({background:'red'}), exclut les entrées des éléments avec la classe "classname" et applique un fond rouge au reste entrées.

État de prise en charge :

Notez que les navigateurs les plus récents, tels que Chrome et Firefox, prennent désormais en charge le sélecteur ":not()". Cela signifie que vous pouvez utiliser la syntaxe ":not(.classname) input" dans votre CSS pour exclure directement des éléments. Cependant, la prise en charge de ":not()" est encore limitée dans certains navigateurs.

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!