鼠标悬停在链接上时颜色没有变绿色
来源：3-23 编程练习
柒壹柒
2019-08-06 11:09:43
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a{text-decoration:none;}
a:link{color:orange;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.skin a:visited{color:purple;}
a:hover{color:green;font-size:20px;border:1px solid red;}
</style>
</head>
<body>
<h2>商品列表</h2>
<p class="suit">
<a href="#">衣服鞋帽</a>
</p>
<p class="wc">
<a href="#">厕所清洁</a>
</p>
<p class="skin">
<a href="#">化妆用品</a>
</p>
</body>
</html>
问：鼠标悬停在链接上时颜色没有变绿色，哪里错了
1回答
-
同学你好，
1、同学的代码是对的，测试结果出现问题，可能是之前有测试过相似功能的代码，建议清除一下浏览器的历史记录，再重新打开浏览器，运行效果，检测一下是否正常，老师这边显示是正常的
2、建议给a链接的href设置不同的链接内容，避免点击一个全部的a链接都出现被访问的颜色
如果帮助到了你，欢迎采纳~祝学习愉快~
0
相似问题