Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/macos/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass SCSS悬停时更改父Z索引_Sass - Fatal编程技术网

Sass SCSS悬停时更改父Z索引

Sass SCSS悬停时更改父Z索引,sass,Sass,这是我的scss代码。但是,侧菜单的z索引没有改变。如何更改父级的z索引?您的选择器的目标是菜单项中的一个侧菜单,而不是父级,我想您需要这样做 .sidemenu { z-index: 5; .menudiv { &:hover { .sidemenu{ z-index: 999 !important; } } } } 但是,(请注意,这有点草率,)如果您只想更改z索引,而将侧栏悬停在嵌套菜单项上,

这是我的scss代码。但是,侧菜单的z索引没有改变。如何更改父级的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;
  }
}