请问下老师,为何任意点击一个超链接,三个超链接颜色都会变成点击后的颜色

来源:3-23 编程练习

Hzyone

2019-12-27 15:05:35

<!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;}

        .suit a:visited{color:green;}

        .wc a:visited{color:blue;}

        .skin a:visited{color:#EE00EE;} 

        a:hover{

            color:green;

            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>


写回答

1回答

好帮手慕慕子

2019-12-27

同学你好,因为三个链接的href值是一样的,浏览器会缓存已访问过的网址, 所以已经访问过了, 就会变成已访问的颜色。建议:调整为不同的链接地址。

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

代码效果实现是正确的,继续加油。

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

1

0 学习 · 40143 问题

查看课程