老师,请帮忙检查一下对错哈

来源:3-24 编程练习

Daii

2018-05-17 11:57:55

看到有的同学是对a标签进行了class设置,但我的写法也可以执行,不知道哪种写法更好,或者更规范,还望解答

<!DOCTYPE html>

<html>

    <head>

    <meta charset="UTF-8">

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

    <style type="text/css">

     p{height:30px;}

        /*补充代码*/

        a{ text-decoration:none;}

        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回答

好帮手慕夭夭

2018-05-17

都是可以的哦 , 练习题 css中把a:hover放在 a:visited 之后更好哦 ,自己完善一下吧 ,祝学习愉快 !

0

0 学习 · 36712 问题

查看课程