###问###求解###

我想问下，当鼠标指到家电时，为什么我写h2:hover{display:inline;}和在h2标签里添加a标签，写a:hover{display:inline;}显示不出悬浮停留的效果,而用div:hover{display:inline;}能显示出效果，这是为什么呢

母鸡阿 2020-04-21

源自：盒子模型 4-2 编程练习

14

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2020-04-22 17:00:54

同学你好，div:hover 后面还跟着li呢

意思是移入div，将li变为行内元素（显示出来）。

而h2中h2:hover{display:inline;}，没有写与li 的关系，也不设置li的样式，设置的是h2的样式，这就是区别。

自己再测试理解下，祝学习愉快！

好帮手慕星星 2020-04-22 11:22:08

同学你好，截图中代码实现效果没有问题，很棒！

针对提问问题回复：

代码中设置的li隐藏，那么最后也需要设置li显示出来，无论移入的是哪个元素。

1、h2是块元素，默认有上下间距

如果写h2:hover{display:inline;}，是将h2变为了行内元素

没有了上下间距，所以移入的时候会有抖动的效果

2、在h2中添加a标签也是一样的道理，最终是要让li显示出来，并不是改变其他元素状态哦。

自己再测试理解下，祝学习愉快！

提问者母鸡阿 #1

为什么div就行呢，div：hover{display：inline；}这样写div不也变成行内元素了嘛，这和h2，a添加display：inline有什么区别呢，为什么div添加就行呢

2020-04-22 15:02:46

相似问题

非简单请求设置全局的跨域访问无效

为什么加了header请求头后，请求到的图片显示不粗来呀

发现一个问题,关于post请求中文乱码问题

关于RESTful请求的问题

请求路径URL问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载