比如这样一段代码:
<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.*
