html - 列表项之间的间距

Question

我对间距有疑问。

我的问题是在

#dropdown ul li + li:before {
    content: " | ";
    padding: 0 10px;
}

正在将那个(方法？)的内容添加到此下拉菜单中的每个列表项之前。

我需要它，它就在第一个 li 之间。我觉得有一种方法可以指定我只需要在第一个无序列表的 li 之间使用它。

<div class=”dropdown”>
    <ul>
        <li> Services    /** I need it here somehow */
            <ul>
                <li>support center</li>
                <li>contact us</li>
            </ul>
        </li>
        <li> Products
            <ul>
                <li>Ball</li>
                <li>Truck</li>
           </ul>
    </ul>
</div>

帮忙吗？

Answer 1

尝试这样的事情:

#dropdown ul li:before {
    content: " | ";
    padding: 0 10px;
}

#dropdown ul li:first-child:before {
    content: "";
    padding: 0 10px;
}