:not CSS sélecteur

:not(span){
 /* exclu les balises de type span */
}
identifiant :not(span){
 /* exclu les fils de type span */
}
li:not(.selected) {
/* exclu les li de classe "selected" */
}
li:not(.selected):not(#id) {
/* exclu les li de classe "selected" et id "id" */
}

Règles de syntaxes CSS pour :not.

Attention à l'écriture du sélecteur Css :not()

La pseudo-classe CSS :not(règle d'exclusion) s'applique sur tous les éléments respectant la règle d'exclusion. Vous pouvez donc si nécessaire mettre un sélecteur devant pour un ciblage plus précis, sinon les propriétés seront appliquées à l'ensemble des éléments HTML ou XHTML acceptant :not().

Dans le cas ci-dessous l'identifiant est collé à ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML qui ont "identifiant" et qui n'ont pas la classe "exclusion".

.identifiant:not(.exclusion){ /* Propriétés css */ }
#identifiant:not(.exclusion){ /* Propriétés css */ }

Dans le cas ci-dessous l'identifiant est espacé de ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML qui n'ont pas la classe "exclusion" dont le parent direct ou indirect est "identifiant".

Info complémentaire sur le sélécteur Css :not()

Attention, la pseudo-classe de négation CSS ":not()" a une écriture un peu spéciale, "not" est toujours précédée de ":".

La pseudo-classe de négation CSS :not() ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML "STYLE" ou dans une feuille de style externe.
:not() se déclare dans une balise HTML ou XHTML "STYLE" de votre page :

<STYLE>
  div:not(b){}
</STYLE>

Compatibilités navigateurs du sélecteur :not

Votre avis sur la définition :not en CSS