Выберите только один из 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

Если вы хотите использовать стиль для a

.beers > a{color:green;} 

Если вы хотите использовать для li вы отменяете

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

Answer 2

Вы должны поддерживать уровень элементов. Попробуйте ниже.

.beers>

Answer 3

You может получить первый элемент от дочернего ниже:

<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>