a:hover不生效，是哪里写错了？
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
ul{
width:120px;
background-color:#B4A5A5;
font-size:14px;
margin:0 auto;
padding:8px;
list-style-type:none;
}
ul a,ul a:visited{
display:block;
background-color:white;
height:16px;
padding:4px 8px;
text-decoration:none;
margin:8px 0;
border-left:8px solid green;
border-right:8px solid green;
color:black;
}
a:hover{
color:red;
border-left:8px solid red;
border-right:8px solid red;
}
</style>
<body>
<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>
</ul>
</body>
</html>
精慕门44384603回答
-
静语默言
我在谷歌，火狐，ie，360浏览器上测试都有效果，你说的没效果是不是点击一次<a>链接后才没效果的，如果是那样，那就是因为你设置了这几个属性。加油吧！少年！O(∩_∩)Oul a,ul a:visited{background-color:white;border-left:8px solid green;border-right:8px solid green;color:black;} -
zhaoqihao
点击过一次就没效果了 -
一毛钱
是有效果的
随时随地看视频慕课网APP
Html/CSS