你可以在一个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; 
}