当点击其中一个链接之后其他的选择链接就已经会变成访问之后的颜色了为什么呢

来源:2-20 编程练习

转行学习中_阶段一

2022-07-12 16:01:21

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

            }

           

            .suit a:visited {

                color:green;

            }

           

            .wc a:visited {

                color:blue;

            }

           

            .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>


写回答

1回答

好帮手慕久久

2022-07-12

同学你好,代码是正确的,问题解答如下:

由于三个a标签的href属性值是一样的,浏览器会把它们当成一个链接处理。所以点击其中一个,另两个a标签也会变成访问过的状态。

建议同学将href属性值,换成不同的测试一下。

祝学习愉快!

0

0 学习 · 17877 问题

查看课程