如何锁定内部ul的第一层？

Question

我想找一些CSS来增加李和李詈之间的空隙。正如您在图像中所看到的，缩进列表太接近li的底部。在我当前的wordpress主题中，我能写什么css来阻止这种情况发生呢？谢谢。

李问题

Answer 1

这将针对第二个无序列表的第一个列表项。

>是一个子组合器，它很大程度上意味着直接将无序列表作为更深一级的目标。https://www.w3.org/TR/selectors/#child-combinators。

ul li (所以只使用空格)意味着选择无序列表中的所有列表项。

然后，ul li:first-child意味着只针对该无序列表的第一个列表项。

​

ul > ul li:first-child {
  margin-top: 20px;
}

<ul>
  <li> Item </li>
  <ul>
    <li> Item </li>
    <li> Item </li>
  </ul>
  <li> Item </li>
</ul>

​