псевдокласс css: hover не работает

Question

Я изо всех сил пытаюсь заставить работать самый простой псевдокласс 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>

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

Answer 1

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

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

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