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