Question

html css样式混乱了、。！求个大神帮我看下

<div id="head">
<div id="logo">
<img src="../img/images/logo.jpg" />
</div>
<div class="box">
<div id="car">
<img src="../img/images/shopping.gif" />
<a href="#" id="a1">购物车</a><br/>
<a href="#" id="a1">3个物品</a>
</div>
<div id="yuy">
<h4>语言</h4>
<p>简体中文</p>
<p>繁体中文</p>
<p>英文</p>
</div>
</div>
</div>
<div id="menu">
<ul>
<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>
<li><a href="#">联系</a></li>
</ul>
</div>
/* CSS Document */
*{
padding:0px;
margin:0px
}
body{
width:1024px;
margin:0 auto;
}

#logo
{
float:left;
}
.box
{
float:right;
}
#car
{
width:179px;
height:46px;
padding:15px 2px 0px 24px;
float:left;
border:solid 1px #999999;
}
#car img
{
float:left;
margin-right:5px;
}
#car a:link,a:visited /*这里明明设置了格式*/
{
text-decoration:none;
color#000;
}
#car a:hover
{
text-decoration:none;
color:#00F;
}

#yuy
{
width:179px;
height:46px;
padding:15px 2px 0px 24px;
float:left;
border:solid 1px #999999;
}
#yuy p
{
float:left;
margin-right:4px;
}
#menu
{
clear:both;
background:url(../img/images/menu_bg.gif) repeat-x;
height:36px;
margin-bottom:10px;
width: 0 px;
}
#menu ul
{
list-style-type:none;
margin-left:15px;
}
#menu ul li
{
margin-right:20px;
float:left;
font-size:12px;
line-height:36px;
font-weight:bold;
}
#menu a:link,a:visited /* 然而他总用这边的*/
{
text-decoration:none;
color:#FFF;
}
#menu a:hover
{
text-decoration:none;
color:#00F;
}
那个car下的a总是用 menu下的a的样式

Answer 1

#menu a:link,a:visited

要改为
#menu a:link, #menu a:visited

同理
#car a:link,a:visited

也要改为
#car a:link, #car a:visited

你对css中逗号的用法理解错了！
逗号的优先级要高于空格的！！！

追问

嗯！谢谢啊！手欠点错人了。！

Answer 2

运行后得页面效果图来一张

追问

追答

刚要回复发现已经采纳了 还有一个地方 #car a里面设置颜色的时候 你的color后面没有加冒号就直接写了颜色

电脑不能发图 你自己找找