鼠标滑过时,子菜单无法展示出来

来源：5-6 Nav-Header组件（5）

愤怒的米饭

2020-10-15

老师好, 我在学习5-4和5-5节的时候, 打算模仿做一个鼠标滑过,子菜单下拉显示的功能. 但是, 当 &:hover时, 字体颜色可以变化. 但是heigth和opacity两个功能无效. html和css代码如下
图片描述

样式结果如下图: 当鼠标悬停时, 字体颜色变了, 但是子菜单显示不出来. 请问老师, 我是哪里写的不对么?
图片描述

写回答

1回答

河畔一角

2020-10-15

已采纳

children跟title是兄弟节点，不是父子关系，你的样式children的前面要加一个&

愤怒的米饭

哦, 我明白了, 应该把&:hover提到与navigation_title平级. 多谢老师指点哈!

2020-10-15

共4条回复

Vue全家桶实战从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统，真实服务端数据对接，高实用性

2560 学习 · 1307 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 1