Question

CSS #menu ul li 和#menu li 有什么区别？试了一下貌似一样

<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li>
<a href="#">网页布局</a>
<ul>
<li><a href="#">固定宽度</a></li>
<li><a href="#">自适应宽度</a></li>
</ul>
</li>
<li>
<a href="#">div+css教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">div+css实例</a></li>
<li><a href="#">常用代码</a></li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
</ul>
</div>

Answer 1

虽然都是继承关系，但是是有区别的。
#menu ul li 值的意思是 #menu 下的 ul 的li， 而#menu li 指的是 #menu下的所有li。
比如你分别定义#menu ul li{color:#fb0;},#menu li{font-size:14px}，那么当你页面结构是
<ul>
<li>...........</li>
<li>...........</li>
</ul>
那么上面两个样式就会叠加。

从范围上说，#menu ul li 的范围仅仅是这个#menu下的ul的li，而#menu li则是 #menu下所有的li，后者作用域更广。

如果你还有<div id="menu"><ol><li>...</li><li>...</li></ol></div>，那么#menu li样式会影响到ol的的li的样式。

Answer 2

#menu ul li ：先找到id="menu"的元素，然后找到该元素下的所有ul标签，然后找到所有ul标签下的li
#menu li ：先找到id="menu"的元素，然后找到该元素下的所有li标签

Answer 3

#menu ul li 这个是id为menu下的全部ul下的全部li
#menu li 而这个是id为menu下的全部li
第二个就算li没ul父标签也有样式有效果

Answer 4

一样的
#menu ul li 貌似比#menu li 的优先级别要高一些
你上面的代码有些乱
最好写的时候能有好的格式