你可以在一個CSS元素中使用多個子選擇器嗎？

Question

所以我想創建一個隱藏的下拉菜單，我只想要外部li有特定的CSS元素。想我想知道是否可以使用多個子選擇，>，所以我可以將這些li的內，向鏈接，而不是在小菜單

例如已經應用於鏈接：

<ul class="top"> 
    <li> 
    <a href="#">random</a> 
    <ul class="second"> 
     <li> 
      <a href="#">random second</a> 
     </li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">random</a> 
    <ul class="second"> 
     <li> 
      <a href="#">random second</a> 
     </li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">random</a> 
    <ul class="second"> 
     <li> 
      <a href="#">random second</a> 
     </li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">random</a> 
    <ul class="second"> 
     <li> 
      <a href="#">random second</a> 
     </li> 
    </ul> 
    </li> 

和CSS要素是：

ul.top > li > a { 
    color: red; 
} 

，而我希望在ul.second到，隨機例如a，有color: blue

Answer 1

如果你要定位的「外部」鏈接，你應該做的，就像你寫的：

ul.top > li > a { 
    color: red; 
} 

如果你想指定的「內部」的鏈接，只需要使用以下任一選擇器：

ul.top ul a { 
    color: green; 
} 

或

ul.second > li > a { 
    color: green; 
}