CSS伪类:hover不起作用

Question

6

我正在努力实现最简单的CSS悬停伪类。有人知道以下代码为什么不能工作吗？

CSS：

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

the html

<a href="#" id="show">show</a>
<div id="hidden">here i am</div>

我真的感到很愚蠢，问了这么一个简单的问题，我已经做了一百次，但是想不通为什么这个不起作用。

- Björn

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- meder omuraliev · Accepted Answer

试试这个

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

:hover #hidden 表示 #hidden 是鼠标悬停元素的子元素。 + 选择器查找下一个相邻的同级元素。