比如这样一段代码：

    <div class="header">

            <div><a style="margin: 0px; padding: 0px;" href="index.html"><img src="images/logo1.png" border="0" /></a></div>

            <div class="test">
　　　        <ul>
　　　　       <li><a href="index.html">首页</a></li>
为何我改了test ul li a的背景色，会影响logo的背景色？

另外我加了一个menu的列表样式的css，为何将class=test改成menu了，但是test li还
起作用呢？

.logo {}
.test {margin:0px; padding:0px;}
.test ul{list-style-type:none; margin:0; padding:0; overflow:hidden;}
.test ul li{float: left;}
.test ul li a:link,a:visited
{display:block; width:120px; font-weight:bold; color:#FFFFFF; background-color:#66FFCC; text-align:center; padding:4px; text-decoration:none;
text-transform:uppercase;line-height:41px;
}
.test ul li a:hover,a:active
{background-color:#cc0000;}

.menu {float:left; width:1000px; margin: 0px; overflow:hidden; padding-left:
0px;}
.menu ul{float:left; margin:0px;padding:0px; list-style-type:none;overflow:h
idden;}
.menu ul li {float:left; margin:0px;padding:0px; height:41px; width: 150px;}
.menu ul li a {float:left; display:block; line-height:41px; padding:0 34px;
color:#FFFFFF; font-family:Microsoft Yahei; font-size:17px; text-decoration:
none; text-align:center;}
.menu ul li a:hover,a:active{color:#666666;background-color:#FFFFFF;}
--
修改:marco2798 FROM 218.11.176.*
FROM 218.107.216.*

主要是两个规则：权重规则和就近原则，前者优先于后者。
权重规则等级：
style=""，这个是千位级
#id:百位级
.class：十位级
element 个位级。
一个选择器的权重是把权责器每个元素的级别加起来得到
比如div#id.class就是111

【 在 marco2798 的大作中提到: 】
: 比如这样一段代码：
:     <div class="header">
:             <div><a style="margin: 0px; padding: 0px;" href="index.html"><img src="images/logo1.png" border="0" /></a></div>
: ...................
--
修改:dhcn FROM 124.42.13.*
FROM 124.42.13.*

你可以将所有的布局元素浮动，当然网页容器除外，然后在页脚清除浮动
这样就不用无意义的清除浮动标签了
也会避免布局上的问题

【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 被搞得烦死了。。。
: 后来我再看了一下，貌似整个页面的背景色都被改了，不明白为何改一下test li的背景色还影响整个页面。难道不是div范围内起作用吗？如果是float造成的，也在logo之后clear both了。
: 这个布局貌似不复杂，div head里包含div logo和div menu（包含有一个列表），就这么多问题。
--
FROM 123.138.48.*

恩，确实是这样的
有些东西看了一眼就过去了，
比如类对应的CSS 类选择器内的样式表也只能作用于该元素吧
我一直以为比如div 类对应的样式表应该作用于整个div布局里的元素。
【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 当然最根本的是你还不熟练
--
FROM 116.247.103.*