我们写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>
但是在IE6中这个选择符是不被支持的。