麻烦老师帮我看一下这个

老师，你好，下面这段代码，当链接未被访问时，链接的字体颜色为啥不是橘色，而是蓝色，我没有看出来哪儿写的有问题，老师指点一下，谢谢。

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title>伪类选择器</title>
       <style type="text/css">
         p{height:30px;}
         a{text-decoration: none;}
           a:link{color:orange;}
           a:hover{font-size:20px;boder:1px solid red}
           p.suit a:visited{color:green;}
           p.wc a:visited{color:blue;}
           p.skin a:visited{color:purple;}/*补充代码*/
       </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>

美丽是一个误会 2019-12-16

源自：CSS选择的艺术 3-23 编程练习

收起

3回答

好帮手慕言回答被采纳获得+3积分 2019-12-18 09:59:33

同学你好，这边好几个老师都测试了，结果和第一次老师回答的是一样的。

打开页面：

点击其中一个：

同学在清缓存时，一定要注意时间，以谷歌为例：

如果还有其他疑问，建议在问答区重新提问，便于后期查找总结

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

收起回答

bao_ 2019-12-23 22:57:53

这个:link 未激活的链接就是第一次未点击的链接, 有的游览器清楚历史记录也不会消除激活的状态,

如果你想测试,还有一个办法,从新链接一个新的地址加上新的文字,就是保症这个链接没有被你链接过,就是没有被你点过.这个你不用可以在乎,你知道怎么做就可以啦

收起回答

bao_ #1

希望我说的对你有所帮助

2019-12-23 22:58:31

好帮手慕言 2019-12-17 10:56:25

同学你好，使用同学的代码测试，打开页面时，字体颜色是橙色，如下图：

同学的不是橙色，可能是之前访问过，可以清除浏览器缓存，以谷歌为例：快捷键ctrl+h，点击清除浏览数据。

另外代码中还存在以下问题

1、单词拼写错误，可参考下图修改：

2、点了一个链接之后，所有的都会变色，这是因为a标签的href属性值是一样的，所以都会变为访问状态。修改成不一样的就好了

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

收起回答

提问者美丽是一个误会 #1

1、border这个单词我确实是写错了； 2、我清除浏览器缓存了，字体的颜色还是蓝色，用别的浏览器打开也是一样的； 3、点了一个链接之后，我这边不是所以有的都会变色，而是显示对应的颜色（绿色、蓝色、紫色），这个我感觉是没有错的，因为我是这样写的： p.suit a:visited{color:green;} p.wc a:visited{color:blue;} p.skin a:visited{color:purple;} 这个是通过class的值定位的，而每个class的值是不同的

2019-12-17 21:17:08