列表元素中的列表元素不起作用

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?

致以最诚挚的问候，希望有所帮助！