CSS选择器不包括儿童

Question

我有下面的HTML

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

和这个CSS。

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

我想将这个css只应用于包含'约'而不是孩子李'联系'的李。

这可以做到这一点，而无需增加额外的风格给孩子？ 如

.subnav li a {} 

Answer 1

我想你想

ul > .subnav > a 

甚至只是

ul > .subnav