<分区>
假设我有这样的 smthg:
<div class="bigWrap">
<div class="element">
...
<div class="HoverThisElement"></div>
...
</div>
<div class="element">
...
<div class="HoverThisElement"></div>
...
</div>
<div class="element">
...
<div class="HoverThisElement"></div>
...
</div>
</div>当他的 child .HoverThisElement 悬停时，我需要影响 .element。我可以这样做吗？如果可能的话，请用 SASS 举例说明
最佳答案
就像“little_coder”说的，你可以欺骗这个。
但是当你想支持 IE10(不支持指针事件)时，你可以只使用覆盖 DIV 并使用同级选择器定位它(你也可以使用伪元素)。
.overlay {
position: absolute;
background-color: red;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
transition: all .3s;
}
.HoverThisElement {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: yellow;
z-index: 3;
&:hover {
+ .overlay {
right: 200px;
}
}
}
关于html - 通过将鼠标悬停在子元素上来影响父元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57568282/