请问下为何鼠标经过没有任何效果？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
div {width: 200px;
display:inline-block
}
/*补充样式*/
ul{display:none;}
h2:hover ul{display:block;}
</style>
</head>
<body>
<div>
<h2>家电</h2>
<ul>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</div>
</body>
</html>
26
收起
正在回答
3回答
同学你好，可以调整h2元素的宽度，把hover效果加在h2元素上，使用相邻兄弟选择器让ul显示出来。代码参考：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
weixin_慕的地6328242
2020-03-11 13:02:20
ul{
display:none;
}
h2:hover+ul{
display:inline;
}
这样的哦，因为ul不是h2的子级，它们是兄弟关系
相似问题
为什么没有hover效果，loading图片也不显示呢？
12
0
3
没有显示过渡效果
11
0
4
鼠标经过小按钮变长的效果怎么实现？
19
0
3
老师，为何鼠标悬停在图片上没效果，还是会轮播图片？
15
0
3
鼠标经过不变红
19
0
6
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星