CSS :not() prend-il en charge plusieurs arguments pour l'exclusion d'éléments ?

Démystifier le mythe des arguments multiples pour la pseudo-classe :not()

En CSS, la pseudo-classe :not() permet l’exclusion d’éléments sur la base de critères précis. Cependant, il existe une idée fausse répandue selon laquelle plusieurs arguments peuvent être enchaînés au sein de la pseudo-classe. Cette idée fausse survient lorsque l'on tente d'exclure plusieurs types d'éléments d'entrée en utilisant le type comme critère.

Considérez l'exemple fourni :

form input:not([type="radio"], [type="checkbox"]) {
  /* css here */
}

L'intention est de sélectionner des éléments d'entrée de tous types, à l'exception de la radio. et case à cocher. Cependant, cette syntaxe ne fonctionne pas.

La solution : décomposer les critères d'exclusion

Pour résoudre ce problème, plutôt que d'enchaîner plusieurs arguments dans :not(), CSS propose une solution simple : utilisez des instructions :not() distinctes pour chaque critère d'exclusion. Dans ce cas :

input:not([type="radio"])):not([type="checkbox"])

Cette syntaxe sélectionne correctement les éléments d'entrée qui ne sont ni des radios ni des cases à cocher. La pseudo-classe :not() fonctionne sur une base exclusive, donc l'utilisation de plusieurs instructions garantit que tous les critères désignés sont remplis pour qu'un élément soit exclu.

Rappelez-vous :

La pseudo-classe :not() ne prend pas en charge plusieurs arguments enchaînés dans une seule instruction. Pour exclure plusieurs types d'éléments, utilisez des instructions :not() distinctes pour chaque critère d'exclusion. En décomposant vos critères d'exclusion en déclarations individuelles, vous pouvez cibler efficacement les éléments souhaités dans votre CSS.

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!