Que sont les pseudo-classes annulées par CSS ?

La pseudo-classe négative CSS est ":not(selector)". La pseudo-classe négative ":not" correspond directement aux éléments qui ne sont pas sélectionnés par le sélecteur de paramètres transmis. Les paramètres transmis ne peuvent pas inclure les éléments ajoutés. sélecteurs ou pseudo-éléments.

Recommandé : "tutoriel vidéo CSS"

 : not (selector) est une pseudo-classe négative en CSS (sélecteur) et accepte un simple sélecteur comme paramètre. Essentiellement, n’importe quel autre sélecteur peut être transmis (en tant que paramètre).

:not (sélecteur) correspond aux éléments qui ne sont pas sélectionnés par le sélecteur de paramètre transmis. Les paramètres transmis ne peuvent pas inclure de sélecteurs supplémentaires ou de sélecteurs de pseudo-éléments.

/* the X argument can be replaced with any simple selectors */
:not(X) {
  property: value;
}

Dans cet exemple, il y a un élément li avec la classe "différente" :

<ul>
  <li></li>
  <li class="different"></li>
  <li></li>
</ul>

CSS sélectionnera tous les éléments li sauf la classe "différente".

/* Style everything but the .different class */
li:not(.different) {
  font-size: 3em;
}

Vous pouvez appliquer des sélecteurs de pseudo-classe à tous les sélecteurs simples (y compris les sélecteurs de types d'éléments, les sélecteurs universels, les sélecteurs d'attributs, les sélecteurs de classe, les sélecteurs d'ID, les sélecteurs de pseudo-classe) pour produire le même effet.

p:not(:nth-child(2n+1)) {
  font-size: 3em;
}

Mais si on utilise un sélecteur de pseudo-éléments comme paramètre, il ne produira pas l'effet souhaité.

:not(::first-line) { 
/* ::first-line is a pseudo element selector and not a simple selector */
  color: white;
}

 : représentation visuelle des multiples usages de not()

 : La priorité de la pseudo-classe not() est la priorité de ses paramètres. La pseudo-classe :not() n'augmente pas la priorité du sélecteur comme les autres sélecteurs de pseudo-classe.

Les sélecteurs de pseudo-classes négatifs ne prennent pas en charge l'imbrication, donc :not(:not(...)) n'est jamais autorisé. Les développeurs doivent noter que les pseudo-éléments ne sont pas de simples sélecteurs, ils ne sont donc pas valides en tant qu'arguments de la pseudo-classe :not(). De plus, vous devez être prudent lorsque vous utilisez des sélecteurs d'attributs, car certains sélecteurs d'attributs ne sont pas universellement pris en charge. Le chaînage d'un sélecteur :not() avec un autre sélecteur :not() est également interdit.

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!