CSS :not() with Multiple Classes
Publikováno: 22.7.2019
Say you want to select an element when it doesn't have a certain class. That's what the :not() selector is for.
body:not(.home) {
}But what if there are multiple classes you want to avoid?
There are no logical combinators with :not(), like and or or, but you can chain them, which is effectively like and.
body:not(.home):not(.away):not(.page-50) {
}The :not() selector doesn't add any specificy by itself, but what is inside does, so :not(.foo) adds the … Read article
The post CSS :not() with Multiple Classes appeared first on CSS-Tricks.
Say you want to select an element when it doesn't have a certain class. That's what the :not() selector is for.
body:not(.home) {
}But what if there are multiple classes you want to avoid?
There are no logical combinators with :not(), like and or or, but you can chain them, which is effectively like and.
body:not(.home):not(.away):not(.page-50) {
}The :not() selector doesn't add any specificy by itself, but what is inside does, so :not(.foo) adds the same weight as .foo does.
The post CSS :not() with Multiple Classes appeared first on CSS-Tricks.