English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La pseudo-classe :not() en CSS est utilisée pour correspondre aux éléments qui ne correspondent pas à un ensemble de sélecteurs. En raison de son rôle qui consiste à empêcher l'élément spécifique d'être sélectionné, elle est également appelée pseudo-classe de négation (negation pseudo-class).-class).
Manuel complet des sélecteurs CSS
Attention :
:not() Les pseudo-classes ne peuvent pas être imbriquées, ce qui signifie :not(:not(...)) Invalide.
Les pseudo-éléments ne sont pas des sélecteurs simples, ils ne peuvent pas être traités comme :not() Les paramètres, sous forme de :not(p::before) Ce sélecteur ne fonctionnera pas.
On peut utiliser ce pseudo-classe pour écrire un sélecteur complètement inutile. Par exemple, :not(*) Correspondra à tout élément non élément, donc cette règle ne sera jamais appliquée.
On peut utiliser ce pseudo-classe pour augmenter la priorité des règles. Par exemple, #foo:not(#bar) et #foo Veraux mêmes éléments, mais la priorité du premier est plus élevée.
:not(.foo) Correspondra à tout élément non .foo des éléments,y compris <html> et <body>.
Ce sélecteur ne s'appliquera qu'à un élément, il ne peut pas être utilisé pour exclure tous les éléments parent. body :not(table) a S'appliquera toujours aux éléments de tableau <table> intérieur <a> , parce que <tr>Va être :not(table) Cette sélecteur correspond.
Définir la couleur de fond pour chaque élément non <p> :
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base(oldtoolbag.com)</title>
<style>
p {
color: #000000;
}
:not(p) {
color: #ff0000;
}
</style>
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
<p>Ceci est un autre paragraphe.</p>
<div>Ceci est du texte d'un élément div.</div>
<a href="//fr.oldtoolbag.com/" target="_blank">Lien vers le tutoriel de base</a>
</body>
</html>Testez pour voir ‹/›:not() pseudo-classe peut prendre une ou plusieurs listes de sélecteurs séparées par des virgules en tant que paramètres. Le sélecteur ne doit pas contenir un autre sélecteur de négation ou un pseudo-élément.
Les nombres dans le tableau indiquent la version du premier navigateur prenant en charge ce sélecteur.
| Sélecteur | |||||
|---|---|---|---|---|---|
| :not() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |