CSS伪类:悬停不起作用 [英] css pseudoclass:hover not working
本文介绍了CSS伪类:悬停不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在努力获得最简单的css hover伪类来工作。任何人都知道为什么以下不起作用?
I am struggling to get a simplest css hover pseudoclass to work. Anybody knows why the following doesnt work?
css
#hidden {display:none;}
#show:hover #hidden{display:block;}
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.
推荐答案
试试这个
#show:hover + #hidden{display:block;}
:hover #hidden
意味着 #hidden
是hover元素的子元素。 +
选择器查找下一个相邻的兄弟。
:hover #hidden
implies that #hidden
is a child of the hover element. The +
selector looks for the next adjacent sibling.
这篇关于CSS伪类:悬停不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文