css pseudoclass:悬停不起作用

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