css伪类：悬停不工作

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