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

Question

我准备我的手机菜单SlickNav，但我有一个小问题。我无法在我的<li>上指定我的CSS属性，因为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：第n个孩子（）选择，就像这样：

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