不能僅將css規則應用於父元素

現在我想只適用於父母的css規則而不適用於孩子。

爲此，我使用>符號，但也適用於兒童。

的例子here

我在CSS中使用的代碼 -

#nav > li a { 
    padding-bottom: 30px; 
}

的HTML之中 -

<ul id="nav"> 
    <li> 
     <a href="#" title="Return home">Home</a> 
    </li> 
    <li> 
     <a href="#" title="About the company">About</a> 
     <ul> 
      <li><a href="#">The product</a></li> 
      <li><a href="#">Meet the team</a></li> 
     </ul> 

    </li> 
    <li> 
     <a href="#" title="The services we offer">Services</a> 
     <ul> 
      <li><a href="#">Sevice one</a></li> 
      <li><a href="#">Sevice two</a></li>   
     </ul> 
    </li> 
    <li> 
     <a href="#" title="Our product range">Product</a> 
     <ul> 
      <li><a href="#">Small product (one)</a></li> 
      <li><a href="#">Small product (two)</a></li>     
     </ul> 
    </li> 
    <li> 
     <a href="#" title="Get in touch with us">Contact</a> 
     <ul> 
      <li><a href="#">Out-of-hours</a></li> 
      <li><a href="#">Directions</a></li> 
     </ul> 
    </li> 
</ul>

來源

2014-03-04 Pradyut Bhattacharya

我仍然不確定你想實現什麼。你能多解釋一下嗎？而FYI'>'是直接的孩子選擇器 –

問題說 - 「現在我想只對父母應用css規則而不是給孩子。」而且正確答案已發佈。 –

我可以讀你寫的東西。也許你不明白我寫的是什麼。回答的人是一位理解的天才。 –