Germán FreixinósOct 15

I can never remember whether `:not(.foo, .bar)` means "not .foo or not .bar" or "not .foo and not :bar" 😵‍💫.

According to this MDN article, it's equivalent to `:not(.foo):not(.bar)`, so I assume it means "not .foo and not :bar"…
https://developer.mozilla.org/en-US/docs/Web/CSS/:not#description:~:text=%3Anot(.foo)%3Anot(.bar)

:not() - CSS | MDN

The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class.

MDN Web Docs
Show threadMartin Matovu
@germanfrelo I think it's more of an and/or situation, where it checks any element for either the ".foo" or the ".bar", but if they're both on the same element, it does the same exclusion nonetheless
Oct 15 at 6:55pmMegalodon
Show threadGermán FreixinósOct 15
@matovius I think you’re right. Thanks!