关于.nav样式的几个疑问

.nav li a:hover {

border-bottom:3px solid #cc0000;

text-decoration:none;

}

和

.nav li.current a:hover {

border-bottom:none;

}

不是相反的意思吗

还有当前选择的页面保留的下划线到底是哪行代码起的作用？

牡蛎先生

2017-02-22

源自：网页布局基础 4-6

关注问题我要回答

486

操作

收起

1 回答

慕粉1440489053 回答被采纳 +3 积分
2017-02-24

前面一个代码是为所有的.nav li添加a:hover事件，后面一个是清除class为current<li>的上的a:hover事件。因为在前面的代码中已经给li.current添加了一个border-bottom:3px solid #cc0000;的下边框如果不设置那么你鼠标放在class为current<li>上就会在下边框下面再多显示一个下边框