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

Question

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

li issue

Answer 1

这将定位第二个无序列表的第一个列表项。

>是一个子组合子，它几乎意味着将无序列表直接对准一层。 https://www.w3.org/TR/selectors/#child-combinators

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

然后ul li:first-child表示只定位该无序列表的第一个列表项。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;