使用CSS将鼠标悬停在重叠元素上时,样式悬停状态

mar*_*sss 8 html css

我有一个包含几个div的DOM结构.在视觉上,这些Div中的一些是其他人的孩子,但在DOM结构中他们都是兄弟姐妹.

我需要设置"父"div的悬停状态,即使悬停在其"子"div上也是如此.

有没有Javscript这样做的方法?也许通过使用div的当前位置来知道它们在另一个div中?


更新


问题是父母实际上是兄弟姐妹.只有一个容器,让我们说8个孩子.2是更大的div,其他6个在每个更大的div内显示3.就像是:

http://jsfiddle.net/XazKw/12/

只有徘徊的孩子周围的父母才能改变颜色.

我无法改变BTW的DOM结构.

Wex*_*Wex 0

如何用一个容器包围所有元素,然后执行以下操作:

#container:hover .parent { /* Hover styles applied */ }
Run Code Online (Sandbox Code Playgroud)

喜欢: http: //jsfiddle.net/Wexcode/XazKw/