这个哪错了啊，请各位老师看一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
a{text-decoration:none;}
div a:link{color:orange;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.skin a:visited{color:purple;}
div a:hover{color:green;font-size:20px;}
div{ border:1px solid red }
</style>
</head>
<body>
<div>
<h2>商品列表</h2>
<p class="suit">
<a href="#">衣服鞋帽</a>
</p>
<p class="wc">
<a href="#">厕所清洁</a>
</p>
<p class="skin">
<a href="#">化妆用品</a>
</p>
</div>
</body>
</html>
正在回答
同学你好， 因为浏览器会缓存已访问过的网址， 所以如果已经访问过了， 打开就会变成已访问的颜色
建议： 可以设置不同的href值， 清除浏览器缓存测试一下
另， 由于选择器层级的原因，已访问过的链接，鼠标移入无法在改变字体颜色。 建议： 可以给p标签添加一个相同的类名，然后设置hover样式
如果帮助到了你，欢迎采纳！
祝学习愉快~~~
目测 边框加的位置不对，当鼠标悬停在链接上时，链接有一个像素的红色边框。
/*补充代码*/
a{text-decoration:none;}
a:link{color:orange;}
.suit a:visited{color:green;}
.wc a:visited{color:blue;}
.skin a:visited{color:purple;}
a:hover{color:green;font-size:20px;border:1px solid red;}
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星