css子选择器 ul>li

 

子选择器只选择元素的直接后代  不隔代遗传哦

 

看一段代码

 

<ul id="nav" >
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a>
    <ul>
        <li><a href="#">Design</a></li>
        <li><a href="#">Development</a></li>
        <li><a href="#">Consultancy</a></li>
    </ul>
    </li>
    <li><a href="#">Contact Us</a></li>
</ul>

 

 

 

 

加入css后，子选择器指定列表的子元素样式，不影响它的孙元素

 

<style>
   #nav>li {
  background: url(images/folder.png) no-repeat left top;
  padding-left: 20px;
}
</style>

 

 

 

 

 

 

转载自：《精通Css 第二版》