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/