麻烦老师看一下这个代码以及代码的实现是否正确。谢谢老师

来源:3-23 编程练习

努力学习的小张

2020-08-17 22:40:01

<!DOCTYPE html>

<html>

    <head>

    <meta charset="UTF-8">

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

    <style type="text/css">

     p{height:30px;}

        /*补充代码*/

        p.suit a:link{color:orange;}

        p.suit a:visited{color:green;}

        p.suit a:hover{font-size:20px;border:1px solid red;}

        p.wc a:link{color:orange;}

        p.wc a:visited{color:blue;}

        p.wc a:hover{font-size:20px;border:1px solid red;}

        p.skin a:link{color:orange;}

        p.skin a:visited{color:purple;}

        p.skin a:hover{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回答

好帮手慕夭夭

2020-08-18

同学你好,代码正确,但是需要优化。样式一样的,可以使用群组选择器,这样代码更简洁,如下修改:

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

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

0

0 学习 · 40143 问题

查看课程