你好,老师。访问链接时访问一个链接后,另外两个链接也改变了颜色。帮忙看一下代码是否正确

你好,老师。访问链接时访问一个链接后,另外两个链接也改变了颜色。帮忙看一下代码是否正确

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>伪类练习</title>

    <style type="text/css">

        a {

            text-decorationnone;

        }

        a:link {

            colororange;

        }

        a:hover {

            font-size20px;

            border1px solid red;

        }

        .suit a:visited {

            colorgreen;

        }

        .wc a:visited {

            colorrgb(5442216);

        }

        .skin a:visited {

            colorrebeccapurple;

        }

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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2021-07-01 09:48:09

同学你好,样式设置没问题。

访问一个链接后,另外两个链接颜色也改变了是因为a标签href值是一样的,修改为不一样的就好了。参考:

http://img1.sycdn.imooc.com//climg/60dd1ed4090578ab04200426.jpg

祝学习愉快!

  • 提问者 dy12369 #1

    老师您好。我有一个疑问。

    就是伪类的使用是只可以针对于超链接马?可不可以对准其他元素使用?会不会产生效果

    2021-07-01 10:49:13
  • 好帮手慕星星 回复 提问者 dy12369 #2

    :hover伪类是针对所有元素的,但是另外三个:link,:active,:visited只针对a元素,自己可以进行测试。

    2021-07-01 17:56:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师