matching multiple elements with CSS not()

Question

I have to change the style of everything on an entire page, except for a huge list of exempted elements. Apparently CSS not() doesn't support a comma syntax like this: :not(p, div). Do I have to just make a huge list like the one below, repeating the style for each one, or is there a quicker solution?

:not(p){xyz}
:not(div){xyz}
:not(a){xyz}

Musa · Accepted Answer · 2013-03-07 01:19:20Z

4

Try

:not(p):not(div):not(a){xyz}

http://jsfiddle.net/mowglisanu/MA3nM/

answered Mar 7, 2013 at 1:19

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nate Glenn Over a year ago

Thanks. I'll just search and replace to put that down a hundred times... Seems silly that there's no comma notation.

BoltClock Over a year ago

@Nate Glenn: Thankfully, that's coming in Selectors 4. Better late than never!

Nate Glenn Over a year ago

@BoltClock Interesting. That'll sure be nice. Here's another link for the future.

Collectives™ on Stack Overflow

matching multiple elements with CSS not()

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related