请老师检查，为什么点击任意一个a标签，其他a标签的状态都变成已访问状态，样式一起改变
来源：3-23 编程练习
RelaxLearning
2020-09-16 23:54:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接伪类</title>
<style type="text/css">
/*例子1*/
/*a:link{
color:red;
}
a:visited{
color:green;
}
a:hover{
font-size:30px;
}
a:active{
color:orange;
}*/
/*例子2*/
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;}
p.TColor a:hover{color:red;font-size:20px;border:1px solid red;}
</style>
</head>
<body>
<!-- 例子1. -->
<!-- <a href="https://class.imooc.com" target="_blank">慕课网</a> -->
<!-- 例子2 -->
<h2>商品列表</h2>
<p class="suit TColor">
<a href="#">衣服鞋帽</a>
</p>
<p class="wc TColor">
<a href="#">厕所清洁</a>
</p>
<p class="skin TColor">
<a href="#">化妆用品</a>
</p>
</body>
</html>
1回答
-
同学你好，因为几个链接是一样的，都为“#”。访问的链接会保存在内存中，所以点击一个，其他相同的也会变为访问状态。可以给它们几个改为不同的链接：
另外，代码实现正确。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题