悬停事件时 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 文件...你可以看到 fiddle 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/