css可见性在悬停事件上没有改变

Question

我参考了this 帖子以使我的悬停工作。但是那里的解决方案对我不起作用。

我有 HTML 之类的

<div id="top">
<div id="first">
</div>
<div id="second">
</div>
<div id="third">
    <div id="hiddentext">1st div is hovered</div>
</div>
</div>

我有很大的 css 文件...你可以看到小提琴 here

谁能帮我在“第一个”div 悬停时显示隐藏文本。 ​

Answer 1

这样写

#first:hover + #second + #third > #hiddentext{
    visibility:visible;
}

查看http://jsfiddle.net/Q5zt2/17/

更新

这样写：

#first:hover ~ #third #hiddentext{
    visibility:visible;
}

检查一下

http://jsfiddle.net/Q5zt2/20/