关于伪类和交集选择器的问题

来源：2-20 编程练习

慕盖茨3062073

2021-03-19 19:01:49

问题描述：

编程练习要求实现以下效果：
当“衣服鞋帽”被访问了，字体颜色变为绿色
当“厕所清洁”被访问了，字体颜色变为蓝色
当“化妆用品”被访问了，字体颜色变为紫色

本人遇到的问题：
当我访问了衣服鞋帽之后（后面两个链接还没访问），
三个链接同时变成了相应的绿色，蓝色，紫色


相关代码：
 <style>
        a:link{
            color:orange;
        }
        p.suit a:visited{
            color:green;
        }
        p.wc a:visited{
            color:blue;
        }
        p.skin a:visited{
            color:purple;
        }
        a:hover{
            border:1px solid red;
        }
    </style>

<body>
<h2>商品列表</h2>
<p class="skin">
         <a href="#">化妆用品</a>
    </p>
<p class="suit">
<a href="#">衣服鞋帽</a>
</p>
    <p class="wc">
         <a href="#">厕所清洁</a>
    </p>
    <body>