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 第二版》