关于2-20 的编程练习，有点问题

来源：2-20 编程练习

呜蜩的呀

2022-03-17 18:02:35

相关代码：

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

        /* 当鼠标悬停在链接上时，链接字体变为20px，并且有1个像素的红色边框 */
        a:hover {
            font-size: 20px;
            border:red 1px solid;
        }

        /* 当“衣服鞋帽”被访问了，字体颜色变为绿色 */
        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>

问题描述：

为什么我的代码运行的效果是点击了其中的一个，后面的几个超链接也都显示出来了被访问后的颜色？

写回答

1回答