我如何在列表中设置列表的样式？

Question

我在列表中有一个列表，但我不希望内部列表接收外部列表的样式。这是我的代码：

CSS：

li { 
    background-color:red; 
} 

#sections li { 
    color:blue; 
} 

HTML：

<ol id="sections"> 
<li>Item 1</li> 
<li>Item 2</li> 
<li> 
<ol><li>Item A</li> 
<li>Item C</li> 
</ol> 
</ol> 

我可以只设立color到任何我的默认，但这是那种一个黑客，而在未来，如果我在#sections li样式中添加了一些东西，它可能会混淆内部列表样式，所以我认为这是不好的编码形式。

如何让内部列表不受外部列表影响？

Answer 1

可想而不是做一个新的样式嵌套列表，像这样：

ol ol li, 
ol ul li, 
ul ol li, 
ul ul li 
{ 
    /* Nested list styles */ 
    background: #FFF; 
    color: #000; 
} 

您也可以使用> child selector来指定顶层<li> s：

ol#selections > li 
{ 
    color: blue; 
} 

Answer 2

我相信你想要的是

ul li {color:blue} 
ul li li {color:white;} 

只是改变了第二颜色