sélecteurs CSS ne comprennent pas les enfants

Question

je le html ci-dessous

<ul><li><a href="home/">Home</a></li> 
    <li><a href="news/">News</a></li> 
    <li class="subnav"><a href="about/">About</a> 
     <ul> 
      <li><a href="contact/">contact</a></li> 
     </ul> 
    </li> 
</ul> 

et ce css.

ul > .subnav a {} 
.subnav a {} 

Je veux appliquer ce CSS uniquement à la li contenant 'about' pas l'enfant li 'contact'.

Est-ce que cela peut être fait sans ajouter de style à l'enfant? par exemple

.subnav li a {} 

Answer 1

Je pense que vous voulez

ul > .subnav > a 

ou même

ul > .subnav