css pseudoclass: hover ne fonctionne pas

Question

Je me bats pour obtenir une pseudocassette css hover plus simple à travailler. Quelqu'un sait pourquoi ce qui suit ne fonctionne pas?

le css

#hidden {display:none;} 
#show:hover #hidden{display:block;} 

le code html

<a href="#" id="show">show</a> 
<div id="hidden">here i am</div> 

Je me sens vraiment stupide de poser une telle question simple, je l'ai fait une fois de hunderd, mais ne peux pas comprendre pourquoi ce travail de shouldnt.

Answer 1

Essayez cette

#show:hover + #hidden{display:block;} 

:hover #hidden implique que #hidden est un enfant de l'élément de vol stationnaire. Le sélecteur + recherche le prochain frère adjacent.