悬停在子菜单背景颜色并没有显示,为什么:
什么是后代选择器 —— 选中父元素 后代中 满足条件的元素;这个子菜单menu—item它既满足上面的也满足下面的,按这个顺序的话,下面的就被覆盖了(CSS优先级规则:越往下优先级越高/dropdown-divider比它更具体(范围小),越具体优先级越高)
解决方法1.调换顺序
解决方法2.加个优先级!important
当多个CSS规则应用于同一个元素时,使用!important可以确保某个属性的值被优先应用;
!important的使用方法是在属性值后面添加!important关键字,常用于处理CSS层叠冲突问题
最终效果
撒花🎉~