列表项

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;
}

Answer 2

搞定了！谢谢！

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