将鼠标悬停在另一个元素上时更改表格不透明度

Question

我简化了一些事情（HTA）我正在努力希望有人可以帮助我（再次）实现我想要的目标。

当我将鼠标悬停在单词帮助上时，我试图让整个表格的样式发生变化。这样工具提示将“弹出”更多。我尝试过改变HTML千种不同的方式，但我认为应该有效的CSS不会。我想如果我将整个“帮助”部分包装在DIV中，那么围绕桌子的另一个DIV我可以使用这个

.help:hover ~ table { opacity:0.4;}.

下面的jsfiddle是我能得到我想要的效果的唯一方法，但无论我在哪里悬停，表不透明度都会变为0.4（假设因为它全部在1 DIV？）。希望这一切都有意义！

.help:hover table {
opacity: 0.4;
}

http://jsfiddle.net/6DsMg/12/（请仅在IE中查看）

Answer 1

我能够通过使用上面发布的内容来实现它。仍然不确定为什么它不能在我的实际成品中工作。至少我知道它有效。

对于遇到这篇文章的人来说，jsfiddle已经更新了。