CSS 样式里面的大于号是什么意思？

Question

如下：<style>
#nav>ul>li{border:1px solid #ccc}
</style>
<div id="nav">
<ul>
<li>11111</li>
<li>22222</li>
</ul>

Answer 1

打个比方div span{...}这样写,div下的不论是儿子辈的span还是孙子辈的span都应用样式;
也就是说，div下的所有span都有这个样式。

div>span{...}这样写,div下的只有儿子辈的span应用样式;
但是如果是这种情况<span>dddddd<span>aaaaa</span></span>孙子辈的span会继承儿子辈的span样式;
试的时候这样<p><span>aaaaa</span><!--2--></p>才是真正的孙子辈样式
ie6不支持

Answer 2

继承

Answer 3

应该是打错了吧，CSS中没有“>”，应该是#nav ul li，中间是空格。