CSS选择顶级的ul

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

li选择所有的li元素

li：not(li> ul> li)应该选择不比ul的第一个级别更深的所有li元素 – 也就是只有第一级元素 – 但不是.为什么？

谢谢！

解决方法

原因li：not(li> ul> li)不起作用是因为li> ul> li不是一个简单的选择器(正如Felix Kling在你的问题的评论中所说的).

获得最高级别的最简单的方法是将类或id赋予最外层的ul,然后执行：

.ulClassNameOrID > li {}

然而,以下内容也可以获得您的期望(see fiddle),因为它不会选择任何前一个li的直接子代的ul(所以不是外部列表的子列表)：

:not(li) > ul > li {}