链接完成后没能变颜色,清除记录也不管用

来源:2-19 编程练习

qq_慕仰20210716

2021-07-22 22:18:20


老师,我这个实现不了,第一个链接点完之后变不成红色,而且我不会设置加粗,辛苦老师解答(* ̄︶ ̄)

<!DOCTYPE html>

<html>

  <head lang="en">

    <meta charset="UTF-8" />

    <title>伪类选择器</title>

    <style type="text/css">

      /*补充代码*/

      div,

      p a:link {

        colorblue;

      }

      div,

      p a:visited {

        colorred;

      }

      div.a1 a:hover {

        font-size30px;

      }

      p.a2 a:hover {

        font-size40px;

      }

      a:active {

          background-colorpaleturquoise;

      }


    </style>

  </head>

  <body>

    <div class="a1">

      <a href="http://www.imooc.com">点击一下</a>

    </div>

    <p class="a2">

      <a href="http://www.baidu.com">百度一下</a>

    </p>

  </body>

</html>



写回答

2回答

好帮手慕星星

2021-07-23

同学你好,解答如下:

1、第二个链接是字体加粗,不是变颜色哦

http://img.mukewang.com/climg/60fa9b7d09b9655603100115.jpg

2、多个visited是可以这样写的,保证伪类顺序正确即可

http://img.mukewang.com/climg/60fa9ba10918ad4502330125.jpg

3、伪类使用要看具体实现的效果,需要几个用几个,不是必须全部写上的。

祝学习愉快!

0

好帮手慕星星

2021-07-23

同学你好,代码问题如下:

1、如果想第一个a点击后变为红色,需要这样写

http://img.mukewang.com/climg/60fa629909791e1f02710165.jpg

分别给div下的a和p下的a设置样式。如果只写div,是给div设置样式。

上面的:link也是一样的

http://img.mukewang.com/climg/60fa62d60970135602980154.jpg

2、第二个链接移入时样式加粗,不是改变字体大小。样式写错了,参考修改

http://img.mukewang.com/climg/60fa635109db660403470121.jpg

自己再测试下,祝学习愉快!

1
hq_慕仰20210716
hp>老师,①style部分这么写符合题目要求了吗

②像您的图一那么两个visited一起写也可以吗

③我可以只用三个伪类吗,lvha不全用上可以吗

辛苦老师解答❤


    <style type="text/css">

      /*补充代码*/

      div.a1 a:hover {

        font-size30px;

      }

      p.a2 a:hover {

        colorred;

      }

    </style>


h021-07-23
共1条回复

0 学习 · 17877 问题

查看课程