隐藏li，当h2:hover时li出现，怎么想都想不明白
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div {
width: 200px;
}
/*补充样式*/
ul{display: none;}
h2:hover{display: block;}
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>
1
收起
正在回答
3回答
同学你好，1、设置li显示也是可以的，不过要在开始设置li隐藏。
2、h2是因为宽度继承了父级的100%，可以设置下宽度，使其宽度正好包裹这两个字。
希望能帮助到你，祝学习愉快！
相似问题
我把div:hover变成h2就不行了，有点糊涂了
18
0
3
display属性：4-3代码疑问
103
2
8
4-2编程题为什么样式设置h2鼠标经过事件么有反应
22
0
5
4.3问题
105
0
9
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星