请问这里移入二级菜单为什么还能保持二级菜单显示。

请问这里移入二级菜单为什么还能保持二级菜单显示。

# 具体遇到的问题
mouseenter事件绑定在menu-item上。那离开menu-item的范围,二级菜单不应该消失吗?为什么老师的鼠标能移到二级菜单上。

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2020-12-07 10:50:56

同学你好,除了在js中给.menu-item绑定了移入事件,在css中也有hover伪类

http://img1.sycdn.imooc.com//climg/5fcd983509675d9604080102.jpg

.menu-content是.menu-item的子元素,即使设置了定位脱离文档流,那么通过css移入父类的时候,子元素会显示,移入子类的时候也是正常显示的。

祝学习愉快!

  • 是因为menu-content是.menu-item的子元素的原因吗,我可以理解为menu-content也属于

    .menu-item

    hover

    范围使用保持显示吗

    2021-12-19 21:54:24
  • 同学你好,可以这样理解:.menu-item:hover  .menu-content {} 意为鼠标移入父元素.menu-item时,给父元素中的子元素.menu-content施加样式。此时hover没有直接加给 .menu-content 元素本身,而是加给了其父元素,也可以实现效果,这样鼠标移入的范围更大一些,即只要移入父元素,子元素就会改变。

    祝学习愉快!

    2021-12-20 11:02:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师