CSS 选择 ul 的顶层

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 在 cmets 中对您的问题所指出的那样）。

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

.ulClassNameOrID > li {}

但是，以下内容也可以满足您的需求 (see fiddle)，因为它没有选择任何 ul，它是前一个 li 的直接子代（因此不是外部列表的子列表）：

:not(li) > ul > li {}