This pseudo-class is called negation pseudo-class which takes a simple selector list as an argument (combination selectors aren't allowed). It matches the elements which are not represented by the passed arguments. Negations may not be nested within itself like this invalid example: E:not(:not(F))
# Syntax
Copy
:not(negation-selector1[, negation-selector2, …]) {
/* declarations */
}
# Example
Copy
a:not([rel="external"], [rel="nofollow"]) {
color: red;
}
In this example all links are going to be selected which have no rel
attribute with the attribute value external
or nofollow
. So you could style external or nofollow (marked) links different than regular ones.
# Browser support
Platform
Chrome
Firefox
Safari
Edge
Internet Explorer
Opera
Desktop
No
No
Yes (10.1)
No
No
No
Mobile
No
No
Yes (9.3)
No
No
No
For future browser support information, also check out caniuse.com (Negation pseudo-class).
# Usage statistics (Alexa Top 1,250,000 sites)
Please wait a moment, the comments start loading now...