Цель первая ссылка в Li

Question

Вот мой код

.menu li > a { 
 
    color: red; 
 
}

<ul class="menu"> 
 
    <li><a href="#">Un lien</a></li> 
 
    <li><a href="#">Un lien</a></li> 
 
    <li class="has_children"> 
 
     <a href="#">un lien</a> 
 
     <ul> 
 
      <li><a href="#">Un souslien</a></li> 
 
      <li><a href="#">Un souslien</a></li> 
 
      <li><a href="#">Un souslien</a></li> 
 
      <li><a href="#">Un souslien</a></li> 
 
      <li><a href="#">Un souslien</a></li> 
 
     </ul> 
 
    </li> 
 
</ul>

Я только хочу, чтобы цвет Fisrt <a> из .has_children без окрашивания тех из подменю.

я попробовать что-то, но он не работает

Спасибо за вашу помощь!

Answer 1

.menu .has_children > a:first-child { 
    color: red 
} 

предназначается для непосредственного ребенка .has_children. Здесь :first-child является необязательным, так как у вас есть только один a как неотъемлемый дочерний элемент .has_children.