是不是不同浏览器的问题
来源:3-23 编程练习
weixin_慕虎0358342
2020-06-05 19:09:05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪类选择器练习</title>
<style type="text/css">
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: blueviolet;}
a:hover{font-size: 20px;
border: 1px solid red}/*鼠标悬停状态*/
</style>
</head>
<body>
<a href="http://www.imooc.com" target="_blank">慕课网</a>
<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>
以上是我的css3-23课代码,我在IE里面打开,符合练习要求,但在chrome中只要点击了一个a标签链接以后,其他2个a标签也会显示已访问状态
1回答
同学你好,同学说的这种情况是浏览器解析的问题。
由于浏览器会缓存已经访问过的网址,所以会导致在一些浏览中点击一个链接,其他链接也都变成了已访问状态,推荐同学调整href属性值各不相同,再测试下。示例:

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题