【原创】CSS伪类作用域

作者Veris 文章分类 分类:CSS 文章评论 0条评论 阅读次数 已被围观 2376

在学习了hover等伪类之后想做一个导航条,鼠标移上去可以出现菜单的那种。期间碰到一个问题:如何让选项卡被鼠标指中后显示下拉菜单?

伪代码如下:

选项卡:hover{

    //选项卡被指中

    display:block;    

}

那么问题来了,display:block;只是把当前作用域给显示出来,而对应的作用域是选项卡,显然不是我们想要的,我在后来观察了其他站点的CSS之后才恍然大悟,原来还可以这样:

选项卡:hover 下拉菜单{

    display:block;

}

这样,当选项卡被指中时,下拉菜单发生改变。


分类:CSS
标签: CSS HTML WEB 前端

发表评论: