用于选择ul顶层的CSS

Question

li > ul > li选择比ul的第一级更深的所有li元素。

li选择所有li元素

li:not(li > ul > li)应该选择所有不超过ul第一级的li元素--也就是说，只选择第一级元素--但它没有这样做。为什么？

谢谢!

Answer 1

li:not(li > ul > li)不工作的原因是因为li > ul > li不是一个简单的选择器(正如Felix Kling在您的问题的注释中指出的那样)。

获得顶层的最简单方法是给最外层的ul一个类或id，然后这样做：

.ulClassNameOrID > li {}

但是，下面的代码也获得了您想要的(see fiddle)，因为它没有选择任何作为前一个ul的直接子级的li (因此不是外部列表的子列表)：

:not(li) > ul > li {}