javascript - SlickNav菜单，每个li都有特定的颜色背景？

Question

我准备了我的移动菜单，SlickNav但我有一个小问题。我无法指定我的 css 属性，<li>因为SlickNav没有考虑在内。问题是我只是想改变我每个人的背景<li>

任何想法？

<ul id="menu2">
<li>Parent 1
    <ul>
        <li><a href="#">item 3</a></li>
        <li>Parent 3
            <ul>
                <li><a href="#">item 8</a></li>
                <li><a href="#">item 9</a></li>
                <li><a href="#">item 10</a></li>
            </ul>
        </li>
        <li><a href="#">item 4</a></li>
    </ul>
</li>
<li><a href="#">item 1</a></li>
<li>non-link item</li>
<li>Parent 2
    <ul>
        <li><a href="#">item 5</a></li>
        <li><a href="#">item 6</a></li>
        <li><a href="#">item 7</a></li>
    </ul>
</li>

Answer 1

我认为您可以使用 CSS3 :nth-child() 选择器，如下所示：

ul:nth-child(1) { // first li
    background-color: #ff0000;
}
ul:nth-child(2) { // second li
    background-color: #ffffff;
}