css - 无效的 CSS 选择器：not()

Question

我有这样的事情：

ul.select.open li:first-child:not(li ul) a

我在控制台上收到警告。为什么无效？它适用于我在我的网站上看到的内容，就是这样，我将样式应用于第一个子列表锚点，但不适用于子子列表上的锚点。

我想了解为什么无效但仍然有效。

Answer 1

它是无效的，因为在否定伪类中，:not(X),X必须是一个简单的选择器，而ul li不是。符合要求的浏览器必须忽略具有无效选择器的规则，因此如果该规则以某种方式起作用，则认为它是浏览器错误。