css只能選一個

Question

嗨，我只想在班級啤酒中選擇「鏈接」，但它總是從子菜單中選擇所有鏈接。我嘗試

.beers:first-child  does not work 
    .beers a:nth-child(1)  does not work 
    .beers a:first-of-type (this apply to all the links of sub-menu) 

<ul> 
    <li class="beers"><a>Link</a> only here 
     <ul class="sub-menu"> 
      <li ><a></a></li>  not here 
      <li><a></a></li>  not here 
     </ul> 
    </li> 
    <li ><a></a></li> 
    <li ><a></a></li> 
</ul> 

請幫我

Answer 1

如果你想如果你想使用li使用樣式a

.beers > a{color:green;} 

已覆蓋

li.beers{ color:green;} 
li.beers ul li{ color:black;} 

Answer 2

你必須保持的元素水平。嘗試下面的一個。

.beers>一

Answer 3

你可以從小孩得到第一個元素如下：

<style> 
.beers >a { 
    background-color:red; 
} 

Answer 4

.beers:first-child 

到

.beers li:first-child 

有了：

<ul class="beers"> 
<li><a>Link</a> only here 
    <ul class="sub-menu"> 
     <li ><a></a></li>  not here 
     <li><a></a></li>  not here 
    </ul> 
</li> 
<li ><a></a></li> 
<li ><a></a></li>