CSS：不是选择器不工作？

Question

我制作了这个截图。由于某种原因:not选择器不起作用？ 即使ul元素确实有webmedia-gallery类，我也不知道为什么它不起作用。 我有什么想法吗？

https://jsfiddle.net/gof7oz7e/

Answer 1

尝试将not条件链接起来

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

实际上，如果您将not条件拆分为多个选择器，就像您一样，其中至少有一个会匹配。通过链接条件，您正在寻找一个类别不是.languages .webmedia-gallery

的列表

  

Example on CodePen

Answer 2

您使用两个:not选择器作为一个规则，这意味着其中一个始终匹配。

提供的小提琴工作正常。更新一下以获得多个ul来查看它是如何工作的：Fiddle