Видимость CSS не меняется при зависании

Question

Я сослался на эту запись, чтобы заставить мой ховер работать.Но решение там не работает для меня.

У меня есть 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 ... Вы можете увидеть скрипку здесь

Может ли кто-нибудь помочь мне сделать мой скрытый текст видимым при наведении курсора «первый» 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/