如何定位内层ul的第一个li？

Question

我正在寻找一些 CSS 来增加 li 和 li li 之间的填充。正如您在图片中看到的，缩进列表太靠近 li 的底部。我可以编写什么CSS来阻止这种情况在我当前的WordPress主题中发生？谢谢。

Answer 1

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

>

是一个子组合器，它几乎意味着直接将无序列表定位到更深一层。 https://www.w3.org/TR/selectors/#child-combinators。

而且

ul li

（所以只需使用空格）意味着选择该无序列表的所有列表项。

然后

ul li:first-child

表示仅定位该无序列表的第一个列表项。

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

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

进行编辑以纳入 Matthias 的建议。