在学习了hover等伪类之后想做一个导航条,鼠标移上去可以出现菜单的那种。期间碰到一个问题:如何让选项卡被鼠标指中后显示下拉菜单?
伪代码如下:
选项卡:hover{
//选项卡被指中
display:block;
}
那么问题来了,display:block;只是把当前作用域给显示出来,而对应的作用域是选项卡,显然不是我们想要的,我在后来观察了其他站点的CSS之后才恍然大悟,原来还可以这样:
选项卡:hover 下拉菜单{
display:block;
}
这样,当选项卡被指中时,下拉菜单发生改变。
发表评论: