3-23编程练习,为什么我点击一个链接其他链接都变为访问后的颜色状态

来源:3-23 编程练习

Ray丶Kwok

2019-04-02 12:09:13

是因为没有设置具体链接吗

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>伪类选择器</title>
        <style type="text/css">
            a{text-decoration:none;}
            p{height:30px;}
            /*补充代码*/
            a:link {color:orange;}
                        a:hover{color:green; font-size:20px; border:1px solid red;}
            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回答

好帮手慕糖

2019-04-02

你好,1、是的哦,因为链接是相同的,访问一个,其他的也是都访问不了,这里可以换不同的链接测试哦。

2、访问之后,在hover字体就不变味绿色了,这是因为:

    (1)hover应该在visited后面;

    (2)visited中有父级的标签以及类,权值比较大,建议:可以在添加一个类,在hover的时候,使用,例:

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

希望能帮助到你,欢迎采纳。

祝学习愉快!


0

0 学习 · 40143 问题

查看课程