4-3习题问题。鼠标放在标题上，列表项没有显示出来。。请帮忙纠正。

<html>

<head>

<title>display属性</title>

ul {width:200px;list-style:none;float:left;}

/*补充样式*/

ul li{

float:left;

margin-right:10px;

display:none;

}

h2:hover ul li{

display:inline;

}

</style>

</head>

<body>

<ul>

</ul>

</body>

</html>

慕仔9081184 2017-08-15

源自：盒子模型 4-6 案例应用

收起

2回答

好帮手慕糖 2017-08-16 15:43:04

hover使用的时候，后面的元素要是前面元素的后代元素，而你说的这个结构明显不是，这里无法实现，不过等后期学了js既可以来实现了。祝学习愉快~

收起回答

好帮手慕糖 2017-08-15 11:59:58

修改可参考下列代码：

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

祝学习愉快~

收起回答