css 伪类:悬停不起作用
我正在努力让一个最简单的 css 悬停伪类发挥作用。有人知道为什么以下不起作用吗?
css
#hidden {display:none;}
#show:hover #hidden{display:block;}
html
<a href="#" id="show">show</a>
<div id="hidden">here i am</div>
我真的觉得问这么简单的问题很愚蠢,我这样做了一百次,但不明白为什么这不起作用。
I am struggling to get a simplest css hover pseudoclass to work. Anybody knows why the following doesnt work?
the css
#hidden {display:none;}
#show:hover #hidden{display:block;}
the html
<a href="#" id="show">show</a>
<div id="hidden">here i am</div>
I really feel stupid asking such a simple question, i did this a hunderd times, but cant figure out why this shouldnt work.
试试这个
:hover #hidden
暗示#hidden
是悬停元素的子元素。+
选择器查找下一个相邻的同级。Try this
:hover #hidden
implies that#hidden
is a child of the hover element. The+
selector looks for the next adjacent sibling.