4-3编程练习

来源:4-2 编程练习

人活着就是为了呆毛王

2017-05-09 00:07:25

h2:hover li{display:inline-block;}

这个hover效果为什么用h2不行啊?用ul就可以了?

<!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:inline-block;}
        </style>
    </head>
    <body>
        <ul>
            <h2>家电</h2>
            <li>冰箱</li>
            <li>空调</li>
            <li>洗衣机</li>
        </ul>
    </body>
</html>


写回答

1回答

steven_hui

2017-05-09

 h2:hover li{display:inline-block;}   这句话的意思就是h2在鼠标悬浮的时候,h2的后代元素li就会显示,但是li不是h2的后代,所以智能用ul,望采纳

0

0 学习 · 36712 问题

查看课程