CSS ul＆gt; li选择器选择嵌套列表

Question

我到处都在阅读这篇文章，从我读过的内容中选择一个列表而不选择嵌套列表。我需要这个

.myclass > ul > li

//or  even just 

ul > li

我一直试图让它失败。选择器正在选择所有内容，包括嵌套列表。我错过了什么？

请参阅JS Bin上的代码：

http://jsbin.com/asipap/4/edit

Answer 1

某些CSS样式是从父元素继承的，除非另一个样式明确覆盖它，您为所有列表项设置了color，但没有为任何其他匹配的选择器重写它。只需添加li { color: black }即可解决问题。

Answer 2

您需要选择ul中的ul吗？

.cats, .cats ul{list-style-type:none;}
.test li ul > li{color:red;} /* li ul: an ul inside a li */

这会选择所有嵌套列表，也许您希望使用>来限制深度。 在此处查看http://jsbin.com/asipap/16/

Answer 3

此li元素与.test > ul > li选择器匹配。因此，li内的所有文字都将为红色，包括ul内的li。

   <li>Test 1.1
     <ul>
       <li>nested</li>
     </ul>
   </li>