请问为什么三个链接访问这里不对呢
来源：3-23 编程练习
娜娜子n
2020-07-29 18:30:29
是选择器输入格式不对吗，点击其中一个连接的时候，另外两个也会跟着变化
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;
}
/*补充代码*/
p a:link{
color:orange;
text-decoration:none;
}
p a:hover{
font-size:20px;
border:1px solid red;
}
p.suit a:visited{
color:green;
}
p.wc a:visited{
color:green;
}
p.skin a:visited{
color:green;
}
</style>
</head>
<body>
<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>
1回答
-
同学你好，这是因为它们都是设置了相同的链接#，访问的链接会保存在缓存中，所以点击其中一个，其他两个相同的链接也会变成已访问状态。可以给a的href属性，设置不同的链接试一试,例如#1，#2,#3。
另外，根据要求，每一个链接访问过后，颜色是不一样的，如下修改：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题