盒子模型编程练习4-2

来源:4-2 编程练习

soso_crazy

2018-07-08 18:35:27

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

            ul {width:200px;}

            /*补充样式*/

            li{display:none;}

            h2:hover li{display:block;}

            

        </style>

    </head>

    <body>

        <ul>

            <h2>家电</h2>

            <li>冰箱</li>

            <li>空调</li>

            <li>洗衣机</li>

        </ul>

    </body>

</html>

为什么我鼠标经过时没有吧相关列表显示出来?

写回答

1回答

好帮手慕星星

2018-07-09

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

你这样写的话,代表的是h2标签的后代中有li标签,但是li并不是h2的子元素,所以这种表示方法是错误的哦,就可以这样修改:

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

自己测试下,祝学习愉快~~

0

0 学习 · 36712 问题

查看课程