Sometimes, we want to write a CSS selector selecting elements not having a certain class or attribute.
In this article, we’ll look at how to write a CSS selector selecting elements not having a certain class or attribute.
How to write a CSS selector selecting elements not having a certain class or attribute?
To write a CSS selector selecting elements not having a certain class or attribute, we use the :not pseudo-class.
For instance, we write
:not(.printable) {
/* ... */
}
:not([attribute]) {
/* ... */
}
to select all elements that don’t have the printable class with :not(.printable).
And we select all elements that don’t have the attribute attribute with :not([attribute]).
Conclusion
To write a CSS selector selecting elements not having a certain class or attribute, we use the :not pseudo-class.
