老师,为什么访问一个后,3个链接的颜色都变了

来源:3-23 编程练习

我的乖乖隆地洞

2019-09-19 22:38:59

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style type="text/css">
     p{height:30px;}
        /*补充代码*/
        p a{text-decoration: none;}
        .suit a:link,.wc a:link,.skin a:link{color:orange;}
         .suit a:visited{color: green}
         .wc a:visited{color: blue}
         .skin a:visited{color:pink;}
        .suit a:hover,.wc a:hover,.skin 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-09-20

同学你好!
因为a标签所链接的地址一致,所以会出现点击一个所有链接的颜色都变了的情况。建议区分不同的链接,如下:

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

如果帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程