CSS IDを上書きするにはどうしたらいいですか？

Question

私は、次のCSSを持っている：

<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でフォーマットされていることであるIドン：次に

#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; } 

私は、コードを持っていますこれが欲しい。私はapp-infoクラスのフォーマットをしたいだけです。どうすればこれを達成できますか？

Answer 1

Descendant Selector' 'の代わりにChild 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; }