参见英文答案 >
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>