Css pseudoclass: зависание не работает

Я пытаюсь получить простейший псевдо-класс css hover для работы. Кто-нибудь знает, почему следующее не работает?

css

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

html

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

Я действительно чувствую себя глупо, задавая такой простой вопрос, я сделал это время, но не могу понять, почему это не должно работать.

Ответ 1

Попробуйте это

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

:hover #hidden означает, что #hidden является дочерним элементом элемента hover. Селектор + ищет следующий соседний брат.