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

Может кто-нибудь помочь мне, чтобы мой hiddentext видно по наведению «первого» дел.

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/