css - CSS ul > li 选择器选择嵌套列表

Question

我一直在到处阅读这方面的内容，并且从我所阅读的内容中选择一个列表而不选择嵌套列表。我需要这个

.myclass > ul > li

//or  even just 

ul > li

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

请看 JS Bin 上的代码：

score 3 · Accepted Answer

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

score 1 · Accepted Answer

您需要选择 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/

score 0 · Accepted Answer

此li元素与.test > ul > li选择器匹配。因此，里面的所有文本li都是红色的，包括.ulli

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

3 回答 3