3-23 编程练习作业提交

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style type="text/css">
     p{height:30px;}
        /*补充代码*/
    </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>

MiMicccc 2020-08-23

源自：CSS选择的艺术 3-23 编程练习

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2020-08-24 09:51:10

同学你好，代码没有实现效果，练习要求如下：

建议结合下图注释理解与修改：

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

收起回答

MiMicccc 提问者 #1

老师看看这个代码对吗？谢谢老师！ <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>伪类选择器</title> <style type="text/css"> p{height:30px;} /*补充代码*/ a {color: orange; text-decoration: none;} a:hover {font-size: 20px; border: 1px solid red;} .suit a:visited {color: green;} .wc a:visited {color: blue;} .skin a:visited {color: purple;} </style> </head> <body> <h2>商品列表</h2> <p class="suit"> <a href="#1">衣服鞋帽</a> </p> <p class="wc"> <a href="#2">厕所清洁</a> </p> <p class="skin"> <a href="#3">化妆用品</a> </p> </body> </html>

2020-08-24 18:57:23

提问者 MiMicccc 2020-08-24 18:53:51

老师看看这个代码对吗？
谢谢老师！

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>伪类选择器</title>
        <style type="text/css">
            p{height:30px;}
            /*补充代码*/
            a {color: orange; text-decoration: none;}
            a:hover {font-size: 20px; border: 1px solid red;}
            .suit a:visited {color: green;}
            .wc a:visited {color: blue;}
            .skin a:visited {color: purple;}
        </style>
    </head>
    <body>
        <h2>商品列表</h2>
        <p class="suit">
             <a href="#1">衣服鞋帽</a>
        </p>
        <p class="wc">
             <a href="#2">厕所清洁</a>
        </p>
        <p class="skin">
             <a href="#3">化妆用品</a>
        </p>        
    </body>
</html>

收起回答