2014-07-25 61 views
1
<ul> 
    <li>This 
      <li>and this</li> 
    </li> 
</ul> 

我嘗試做選擇第二<li>列表元素不起作用CSS

li li { 
    background: "red"; 
} 

爲什麼它不工作?

+3

你應該將它包裝在另一個'ul'中。瀏覽器隱式關閉第一個列表項。 –

回答

4

您缺少一個ul ...並且該文檔無效HTML5。試試這個(這是嵌套列表的正確方法):

<ul> 
    <li>This 
     <ul> 
      <li>and this</li> 
     </ul> 
    </li> 
</ul> 

然後在CSS:

ul li ul li { 
    background: "red"; 
} 

更多讀到這裏:Proper way to make HTML nested list?

最好的問候,希望它幫助!

+0

這工作得很好。 – user3681138

+0

很高興幫助!最好的祝福。 –