列表元素不起作用CSS

Question

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

我尝试做选择第二<li>：

li li { 
    background: "red"; 
} 

为什么它不工作？

Answer 1

您缺少一个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?

最好的问候，希望它帮助！