CSS ul > 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 } 即可解决问题。