Question

#nav>ul>li CSS样式中，这种写法是什么意思？为什么要用大于号？请高手指点，谢谢。

#nav>ul {
width:950px;
margin:0 auto;
}
#nav>ul>li {
float:left;
padding-left:20px;

}
请问为什么要用大于号的写法呢？ 如果去掉的话，效果会变化，但是又不知道这么写的原因。请大神指教。

Answer 1

>是一种选择器。效果比较广
如第一个
#nav>ul就是选中所有父级的id是nav的ul元素
<div id="nav">
<ul>就是选中这里</ul>

</div>

下面一个#nav>ul>li
也是一样的。
<div id="nav">
<ul>
<li>就是选中这里</li>

</ul>

</div>

懂了么？

追问

#nav>ul {
width:960px;
margin:0 auto;
}
.subnav ul {
display:none;
position:absolute;
width:150px;
}
请问为什么.subnav ul就可以不用选择器的写法，而#nav>ul 必须要用选择器的写法呢？不然就出不来效果 这种选择器具体在什么时候使用呢

追答

.subnav ul 可能是选中

选中这里

或者是更深的层级。然而之前的那种事只能针对子集。你可以去试试。

Answer 2

#nav>ul是子选择器,ul必须是id=nav标签的下一代，后代不行，区别于衍生选择器，代码应该是下面的结构
<div id="nav">
<ul>
<li></li>
</ul>
</div>