不能仅将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规则而不是给孩子。” 而且正确答案已发布。 –

我可以读你写的东西。也许你不明白我写的是什么。回答的人是一位理解的天才。 –