CSS :not selector not working?

Question

I've made this screenshot. For some reason the :not selector isn't working? I just don't really get why it isn't working, even though the ul element does have the webmedia-gallery class. Any ideas what I'm doing wrong?

https://jsfiddle.net/gof7oz7e/

Answer 1

try to chain your not conditions

ul:not(.languages):not(.webmedia-gallery) li:before {
  ...
}

in fact, if you split your not conditions into multiple selectors, as you did, at least one of them will match. By chaining the conditions you are looking for a list whose classes are not nor .languages neither .webmedia-gallery

Example on CodePen

Answer 2

You are using two selectors with :not for one rule, which means one of them is always matching.

The provided fiddle is working fine. Update a bit to have multiple ul's to see how it's working: Fiddle