: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.
Quick 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.
Safe to use without fallbacks.
1+
1+
3.1+
12+