日期:2014-05-16  浏览次数:20671 次

为什么这个a:visited在火狐和谷歌上没效果?
<!DOCTYPE html>
<html>
<head>
<meta charset="" />
<style type="text/css">
div{
width: 120px;
font-size: 12px;
font-family: "宋体";
}
ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
li{
border-bottom: #ed9f9f solid 1px;
}
li a{
display: block;
padding: 5px 5px 5px 8px;
text-decoration: none;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
}
li a:link{
background-color: #c11136;
color: #FFFFFF;
}
 li a:visited{
background-color: #C11136;
color: #555555;
}
li a:hover{
background-color: #C11136;
color: #0099FF;
}
</style>
</head>
<body>
<div>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">音乐MP3</a></li>
<li><a href="#">我的博客</a></li>
<li><a href="#">个人空间</a></li>
</ul>
</div>
</body>
</html>

哪里写错了吗
------解决方案--------------------
firefox12测试没有问题,点击后边灰色#555555,默认白色
------解决方案--------------------
linux chrome 33测试没有问题
点击后文字颜色为#555555,但四个链接地址相同,点击其中一个,其它同样会有变色效果