Sass SCSS悬停时更改父Z索引
这是我的scss代码。但是,侧菜单的z索引没有改变。如何更改父级的z索引?您的选择器的目标是菜单项中的一个侧菜单,而不是父级,我想您需要这样做Sass SCSS悬停时更改父Z索引,sass,Sass,这是我的scss代码。但是,侧菜单的z索引没有改变。如何更改父级的z索引?您的选择器的目标是菜单项中的一个侧菜单,而不是父级,我想您需要这样做 .sidemenu { z-index: 5; .menudiv { &:hover { .sidemenu{ z-index: 999 !important; } } } } 但是,(请注意,这有点草率,)如果您只想更改z索引,而将侧栏悬停在嵌套菜单项上,
.sidemenu {
z-index: 5;
.menudiv {
&:hover {
.sidemenu{
z-index: 999 !important;
}
}
}
}
但是,(请注意,这有点草率,)如果您只想更改z索引,而将侧栏悬停在嵌套菜单项上,则可以使用指针事件禁用侧菜单本身上的单击/悬停交互,然后仅在菜单项上重新启用它
.sidemenu {
z-index: 5;
&:hover { z-index: 6; }
}
现在,您仍在侧边栏上寻找悬停-但只有当鼠标位于指针事件未被禁用的位置(嵌套菜单项)时,悬停才会起作用。谢谢!最后一个scss代码是works!再次感谢你,你救了我一天!
.sidemenu {
z-index: 5;
&:hover { z-index: 6; }
}
.sidemenu {
z-index: 5;
pointer-events: none;
&:hover { z-index: 6; }
.menuitem {
pointer-events: auto;
}
}