css – 悬浮在孩子上,没有悬浮效果对父母

前端之家收集整理的这篇文章主要介绍了css – 悬浮在孩子上,没有悬浮效果对父母前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > How to style the parent element when hovering a child element?5个答案所以我有两个div,他们在彼此,所以这样
<div class="parent">
    <div class="child"></div>
</div>

当我将鼠标悬停在.parent上时,我想改变从.parent的背景。

但是当我将鼠标悬停在.child上时,我想让背景变得正常。

所以例如:http://jsfiddle.net/k3Zdt/1/

当我徘徊在黑暗的地方,我想要不那么黑暗的地区,保持不那么黑暗,而不是变成白色。

我想保留这个< div>结构体。我不想要一个JavaScript解决方案(我知道JavaScript解决方案,但我想保持纯粹的CSS)。

解决方法

基本上你不能: How to style the parent element,when hovering a child element?

但是一个诀窍是使用一个兄弟元素:
http://jsfiddle.net/k3Zdt/8/

<div class="parent">
     <div class="sibling"></div>
     <div class="child"></div>
</div>

猜你在找的CSS相关文章