부모 요소에만 CSS 규칙을 적용 할 수 없습니다.

ul 및 li s가있는 목록이 있습니다.부모 요소에만 CSS 규칙을 적용 할 수 없습니다.

이제 CSS가 부모에게만 적용되고 어린이에게는 적용되지 않습니다.

나는> 기호를 사용하고 있지만 어린이에게도 적용됩니다.

나는 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가 아닌 부모에게만 CSS 규칙을 적용하고 싶습니다." 그리고 올바른 대답이 게시되었습니다. –

쓴 것을 읽을 수 있습니다. 당신이 내가 쓴 것을 이해하지 못했습니까. 대답 한 사람은 이해 한 천재입니다. –