Multiple CSS not selectors.

Hey I can’t find a solution on Google.

I want to have multiple CSS :NOT Selectors but both ways I’ve tried doesn’t work. The resolution is, that also other #left-contents (without the class blogpage or eventpage) get the css commands. If I would remove the second not-class, it would work fine.

But what I want is that both classes are excluded

Any Ideas?

#left-content :not(.blogpage, .eventpage) img

#left-content :not(.blogpage) :not(.eventpage) img

No Ideas, but if you’re working on something for TF then remember that :not isn’t IE8 friendly

...

EDIT: posted an option, but tested and doesn’t work. Sorry

Maybe with a little bit of jQuery – http://api.jquery.com/not-selector/ ?

How about this, assuming .blogpage & .event page are divs, asigning them a second, shared identifier class;

#left-content div:not(.xyz) img

EDIT: Just realized I got the wrong end of the stick… ugh

Hm I didn’t want to use jquery for that.

So I could not use :not selectors because of IE8??? What should I do instead? But I also saw themes without IE8 support here on Themeforest

Got it:

pezflash said
Got it: http://jsfiddle.net/RM8nZ/27/

Doesn’t work in FF 16

RubenBristian said

pezflash said
Got it: http://jsfiddle.net/RM8nZ/27/

Doesn’t work in FF 16

Really? F*, created on FF17.

EDIT: strange, it works on IE9, Chrome and Opera.

thanks for your enthusiasm in solving this problem yeah I already tried :not(.eventpage):not(.blogpage) too. Doesn’t work for me in FF 16