我们写css时，会经常有如下的写法：
.xxx li{ color:red; }

这表示在xxx这个类下面的所有的li都是红色的，如果xxx下面有ul，ul下面有li，而li下面还有ul和li，那所有的li都会变红。如果我们只需要第一级的li变红色，那这种写法就不能用了。而要使用大于号（>）来解决。


.xxx>li。>是子代选择符，它表示的是选择.xxx的子代li。
    
<div class="xxx">
    <ul>
        <li>
            <a href="#">想要变红的</a>
            <ul>
                <li>不想要变红的</li>
            </ul>
        </li>
    </ul>
</div>

但是在IE6中这个选择符是不被支持的。