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
1584 posts How's the surf doing?
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has been part of the Envato Community for over 3 years
  • Had an item featured on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
tommusrhodus says

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

3752 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

576 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/ ?

1584 posts How's the surf doing?
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has been part of the Envato Community for over 3 years
  • Had an item featured on Envato Market
  • Made it to the Authors' Hall of Fame
+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

3752 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
3711 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

3752 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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by