145 posts
  • Has been part of the Envato Community for over 2 years
  • Located in Austria
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
LovelessDesign says

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
1350 posts How's the surf doing?
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+6 more
tommusrhodus says

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

3749 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says

...

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

556 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $1,000+ on Envato Market
  • Won a Most Wanted contest
  • Has been a beta tester for an Envato feature
+4 more
kriskorn says

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

1350 posts How's the surf doing?
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+6 more
tommusrhodus says

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 :(

145 posts
  • Has been part of the Envato Community for over 2 years
  • Located in Austria
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
LovelessDesign says

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

3749 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says
3567 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 more
KrownThemes says

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

Doesn’t work in FF 16

3749 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says


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.

145 posts
  • Has been part of the Envato Community for over 2 years
  • Located in Austria
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
LovelessDesign says

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

by
by
by
by
by
by