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>

原文地址：https://www.jb51.cc/css/218223.html