English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il pseudo-classe :not() di CSS viene utilizzato per abbinare gli elementi che non corrispondono a un insieme di selettori. Poiché il suo scopo è prevenire che determinati elementi vengano selezionati, è anche noto come pseudo-classe di negazione (negation pseudo-class).
Manuale completo della selezione CSS
Attenzione:
:not() I pseudo-classe non possono essere annidati, il che significa :not(:not(...)) è invalido.
Poiché gli elementi pseudo non sono semplici selettori, non possono essere considerati :not() ha la forma di}} Il parametro di :not(p::before), Questo selettore non funzionerà.
Puoi utilizzare questo pseudo-selettore per scrivere un selettore completamente inutile. Ad esempio: :not(*) 匹配任何非元素的元素，因此，这个规则将永远不会被应用。
Puoi utilizzare questo pseudo-selettore per aumentare la priorità delle regole. Ad esempio: #foo:not(#bar) e #foo 匹配相同的元素，但是前者的优先级更高。
:not(.foo) 匹配任何非 .foo dei elementi,inclusi <html> e <body>.
Questo selettore si applica solo a un singolo elemento e non può essere utilizzato per escludere tutti i genitori. Ad esempio: body :not(table) a Applicherà comunque agli elementi della tabella <table> interno <a> , perché <tr>Verrà :not(table) Questa selezione di selettore corrisponde.
Imposta il colore di sfondo per ogni elemento che non è <p>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial di base (oldtoolbag.com)</title>
<style>
p {
color: #000000;
}
:not(p) {
color: #ff0000;
}
</style>
</head>
<body>
<h1>Questo è un titolo</h1>
<p>Questo è un paragrafo.</p>
<p>Questo è un altro paragrafo.</p>
<div>Questo è un testo di esempio per l'elemento div.</div>
<a href="//it.oldtoolbag.com/" target="_blank">Collegamento al tutorial di base</a>
</body>
</html>Prova a vedere ‹/›Il pseudo-selettore :not() può avere come parametri una o più liste di selettori separati da virgola. I selettori non devono contenere un altro selettore di negazione o un pseudo-elemento.
I numeri nella tabella rappresentano la versione del primo browser che supporta il selettore.
| Selettore | |||||
|---|---|---|---|---|---|
| :not() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |