Question

菜单css中div的class与ul的class区别

<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">心情日记</a></li>
<li><a href="#">FREE</a></li>
<li><a href="#">一起走到</a></li>
<li><a href="#">从明天起</a></li>
<li><a href="#">纸飞机</a></li>
<li><a href="#">下一站</a></li>
</ul>
</div>
其中，什么属性放在 #menu {}中，什么放在 #menu ul中，什么放在#menu li中？ 三者的作用都是什么？ 比如， #menu li a: hover{} 放在#menu ul中肯定无效。

Answer 1

CSS中
id是针对页面中唯一的一个标签的如你代码中的<div id="menu"></div>
class是针对页面中所有出现该class的标签<div class="menu"></div><ul class="menu"></ul>
#menu {} 是为id为#menu的标签定义样式
#menu ul{}是为id为#menu的标签下的<ul></ul>标签定义样式
#menu li{}是为id为#menu的标签下的<li></li>标签定义样式
#menu li a: hover{} 是为id为#menu的标签下的<li></li>标签下的<a></a>标签定义活动样式

每个样式都是有针对性的,乱放肯定会没用,比如 #menu li a: hover{} ,如果 是为id为#menu的标签下的<li></li>标签下没有<a></a>标签,那这个样式就没用任何的用

Answer 2

这你自己依照一大堆的东西 要学会自己学习 一般#menu 里定义全局的属性 比如平铺背景 总体宽高位置 ul外的div可以合并，id加在ul上 也可以独立出来 那么ul主要就设置相对div外层的补丁之类的 ul li主要是每个按钮的样式，包括字体内外补丁背景 一般float:left;display:block;设成块级浮动元素排列 不懂在问吧 主要自己学习才能提高

Answer 3

区别只要名字不同就可以了 里面属性 用到什么需要放什么就放 没什么特殊限制
建议你看下手册