css less 怎么移入鼠标更变另一个元素的层级，保持移入效果

Question

@one:900;
@two:889;
@three:888;

.addRowData {
  z-index: @two
}
.importExcal {
  z-index: @two;
}
.exportExcal {
  z-index: @two;
}

.importExcal:hover ~ .addRowData {
  z-index: @three
}

问题是我怎么保持 移入的效果，不要移出后就没有了

Answer 1

你好，你这种情况只能用js监听鼠标移入事件，mouseenter，然后修改元素样式

let exportExcal = document.getElementsByClassName('exportExcal')
exportExcal.onmouseenter(function() {
exportExcal .setAttribute('class','high-zindex')
})

然后写对应的样式即可
.high-zindex{
z-index: @two;
}

如有帮助，望采纳 ^.^