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

伪代码如下：

选项卡:hover{

    //选项卡被指中

    display:block;    

}

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

选项卡:hover 下拉菜单{

    display:block;

}

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