在2-20伪类的编程练习中，点击了其中一个链接之后，其他所有链接都变成点击后的样式了。

来源：1-1 课程简介

weixin_慕无忌1061157

2021-07-04 16:45:53

在2-20伪类的编程练习中，点击了其中一个链接之后，其他所有链接都变成点击后的样式了。请问代码哪里出了问题呢？

相关代码：

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