这个哪错了啊，请各位老师看一下
来源：3-23 编程练习
weixin_慕运维3513992
2019-09-17 12:03:34
<!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>
2回答
-
同学你好， 因为浏览器会缓存已访问过的网址， 所以如果已经访问过了， 打开就会变成已访问的颜色
建议： 可以设置不同的href值， 清除浏览器缓存测试一下
另， 由于选择器层级的原因，已访问过的链接，鼠标移入无法在改变字体颜色。 建议： 可以给p标签添加一个相同的类名，然后设置hover样式
如果帮助到了你，欢迎采纳！
祝学习愉快~~~
0 -
AMay8368751
2019-09-17
目测 边框加的位置不对，当鼠标悬停在链接上时，链接有一个像素的红色边框。
/*补充代码*/
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;}
1h019-09-17
相似问题
回答 4
回答 3
回答 1
回答 5
回答 2