如何定位內部ul的第一個li？

Question

我正在尋找一些CSS來增加li和li li之間的填充。正如你在圖像中看到的，縮進列表太靠近li的底部。我可以寫什麼樣的CSS來阻止我在當前的wordpress主題中發生這種情況？謝謝。

li issue

Answer 1

這將目標鎖定在第二無序列表的第一個列表項。

>是一個孩子combinator，它幾乎意味着將無序列表直接目標更深一層。 https://www.w3.org/TR/selectors/#child-combinators。

And well 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>