我有两个嵌套的
元素。
我想保留这个
<div class="parent">
<div class="child"></div>
</div>
我想在鼠标悬停在.parent
上时更改background
。
当我悬停在.child
上时,我希望background
恢复正常。
例如,当我悬停在内部区域时,我希望外部区域返回到其原始(灰色)状态:
.parent {
width: 100px;
height: 100px;
padding: 50px;
background: lightgray;
}
.parent:hover {
background: lightblue;
}
.child {
height: 100px;
width: 100px;
background: darkgray;
}
.child:hover {
background: lightblue;
}
<div class="parent">
<div class="child"></div>
</div>
结构,并且不想用JavaScript解决方案(虽然我知道JavaScript解决方案,但我想保持纯CSS)。
这不是“如何在悬停子元素时样式化父元素”的重复问题。我想在悬停子元素时不要样式化父元素。
这不是“如何在悬停子元素时样式化父元素”的重复问题。我想在悬停子元素时不要样式化父元素。
<div>
结构,不想用CSS进行奇怪的定位。说实话。 - EaterOfCode