CSS 选择 ul 的顶层

Question

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

li 选择所有li元素

li:not(li > ul > li) 应该选择所有 li 元素，它们不超过 ul 的第一层--也就是说，只有第一级元素--但事实并非如此。为什么？

谢谢!

Answer 1

li:not(li > ul > li) 不起作用的原因是 li > ul > li 不是一个简单的选择器(正如 Felix Kling 指出的那样)在对你的问题的评论中)。

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

.ulClassNameOrID > li {}

但是，以下内容也得到了您想要的 ( see fiddle )，因为它没有选择任何 ul 是前一个 li 的直接子代(也是不是外部列表的子列表):

:not(li) > ul > li {}