0

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

.myclass > ul > li

//or  even just 

ul > li

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

请看 JS Bin 上的代码：

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

4

3 回答 3

3

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

于 2013-05-09T15:12:11.293 回答
1

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

于 2013-05-09T15:19:17.007 回答
0

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

   <li>Test 1.1
     <ul>
       <li>nested</li>
     </ul>
   </li>
于 2013-05-09T15:14:02.463 回答