css 伪类：悬停不起作用

Question

我正在努力让一个最简单的 css 悬停伪类发挥作用。有人知道为什么以下不起作用吗？

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 是悬停元素的子元素。 + 选择器查找下一个相邻的同级。