:not()
Matches elements that do not match the list of selectors provided in its arguments. It allows you to exclude specific items from a general style rule.
Syntax
/* Usage Example */
button:not(.primary) {
/* Styles all buttons EXCEPT ones with the .primary class */
background-color: gray;
color: white;
}:not() Browser support
Widely available
Since
2021 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.
1+
1+
3.1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more