4-3问题

来源：4-1 display属性

喵喵梓

2017-07-27 20:55:45

鼠标移到家电上，显示的还是一列

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
            ul {width:200px;}
            /*补充样式*/
            ul{
                display: none;
            }
            div:hover ul{
                list-style:none;
                display:inline-block;
            }
        </style>
    </head>
    <body>
    <div>
            <h2>家电</h2>
        <ul class="one">
            <li>冰箱</li>
            <li>空调</li>
            <li>洗衣机</li>
        </ul>
    </div>
    </body>
</html>