如何覆盖CSS ID？

Question

我有以下的CSS：

#app-info   { float: left; margin: 10px 10px; } 
#app-info ul  { list-style-type:none; display:block; } 
#app-info ul li  { padding:2px 0; } 

#content   { width:650px; float:left; } 
#content ul   { padding-left: 40px; padding-bottom: 15px; } 
#content ul li  { padding:5px 0; } 

然后我的代码：

<div id="content"> 
    <ul> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
    </ul>  

    <div id="app-info"> 
     <ul> 
      <li>A</li> 
      <li>B</li> 
      <li>C</li> 
     </ul> 
    </div> 
</div> 

我遇到的问题是，内部列表正在被content ID格式化，但是我不我不想要这个。我只想要app-info类来格式化它。我怎样才能做到这一点？

Answer 1

您可以使用Child Selector'>'而不是Descendant Selector' '。

#content   { width:650px; float:left; } 
#content > ul  { padding-left: 40px; padding-bottom: 15px; } 
#content > ul li { padding:5px 0; } 

Answer 2

试试这个：

#content   { width:650px; float:left; } 
#content > ul   { padding-left: 40px; padding-bottom: 15px; } 
#content > ul li  { padding:5px 0; }