css - 悬停在另一个元素上时更改表格不透明度

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 已更新。