a:link的颜色被a:visited的颜色盖过去了，清楚历史记录也没用
来源：3-23 编程练习
芡緞
2020-01-16 17:35:13
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
a:link{color:orange}
p{height:30px;}
a{text-decoration:none;}
.suit a:visited{color:red;}
.wc a:visited{color:blue;}
.skin a:visited{color:purple;}
a:hover{text-size:20px;border:1px solid red;}
</style>
</head>
<body>
<h2>商品列表</h2>
<p class="suit">
<a href="https://www.baidu.com/">衣服鞋帽</a>
</p>
<p class="wc">
<a href="https://www.baidu.com/">厕所清洁</a>
</p>
<p class="skin">
<a href="https://www.baidu.com/">化妆用品</a>
</p>
</body>
</html>
请大神指教。谢谢！
1回答
-
同学你好，这边测试link样式生效：
另，代码中问题，当点击其中一个a标签，所有的a标签颜色都是visited的样式。建议修改如下：
同学可以清除浏览器缓存、或者是换一个浏览器测试一下。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 2
回答 3