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