/ Code Css :not | Résultat du code Css :not | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code du sélecteur CSS :not.

<style type="text/css">
/* Sélection avec exclusion d'élément contenant la classe .selected */
ul.not (.selected){
  color:red; 
}
/* Sélection avec exclusion de lien */
ul.nota (){
  color:red; 
}
/* Sélection avec exclusion d'élément contenant la classe .menu et .selected */
ul.notb li(.menu)(.selected){
  color : red; 
}
/* Sélection avec exclusion du premier élément */
ul.notc (){
  color:red; 
}
</style>
ul (.selected)
<ul class="not">
  <li> En rouge si sélectionné</li>
  <li class="selected"> En rouge si sélectionné</li>
  <li> En rouge si sélectionné</li>
  <li> En rouge si sélectionné</li>
</ul>
ul (:link)
<ul class="nota">
  <li> En rouge si sélectionné</li>
  <li> En rouge si sélectionné</li>
  <li> <a href="#">En rouge si sélectionné</a> </li>
  <li> En rouge si sélectionné</li>
</ul>
ul li(.menu)(.selected)
<ul class="notb">
  <li> En rouge si sélectionné</li>
  <li class="selected menu"> En rouge si sélectionné</li>
  <li class="menu"> En rouge si sélectionné</li>
  <li class="selected"> En rouge si sélectionné</li>
</ul>
ul.notc ()
<ul class="notc">
  <li> En rouge si sélectionné</li>
  <li> En rouge si sélectionné</li>
  <li> En rouge si sélectionné</li>
  <li> En rouge si sélectionné</li>
</ul>

Interprétation du code du sélecteur :not CSS par votre navigateur.

ul :not(.selected) ul :not(:link) ul li:not(.menu):not(.selected) ul.notc :not(:first-child)

Interprétation normale du code du sélecteur CSS :not (copie d'écran).

copie d'écran de l'affichage du sélecteur CSS :not