为什么访问任意一个链接都会导致其余两个也会显示被访问

来源:3-23 编程练习

Nuyoah_星辰

2020-07-19 21:29:11

访问一个链接,其余两个也会变色是怎么回事:

<!DOCTYPE html>
<html>
<head lang="en">
   <meta charset="UTF-8">
   <title>伪类选择器</title>
   <style type="text/css">
       p{height:30px;}
       /*补充代码*/
       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;
       }
       a:hover{
           font-size:20px;
           border:1px solid red;
       }
   </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>

写回答

2回答

好帮手慕码

2020-07-20

同学你好,是因为href链接都是相同的,所以访问了一个,其他的也是已经访问状态。建议修改为不一样的链接。例如:

http://img.mukewang.com/climg/5f14f46d09964cca03510220.jpg

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

0

慕前端1992351

2020-07-20

因为目标页面都是website/#

0

0 学习 · 40143 问题

查看课程