Question

我使用SlickNav准备我的移动菜单，但我遇到了一些问题。我无法在未考虑<li> beacause SlickNav的情况下指定我的css属性。问题是我只想更改每个<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;
}

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

1 个答案: