为了账号安全,请及时绑定邮箱和手机立即绑定

关于.nav样式的几个疑问

.nav li a:hover {

border-bottom:3px solid #cc0000;

text-decoration:none;

}

.nav li.current a:hover {

border-bottom:none;

}

不是相反的意思吗

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

正在回答

1 回答

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

1 回复 有任何疑惑可以回复我~
#1

牡蛎先生 提问者

非常感谢!
2017-02-24 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

关于.nav样式的几个疑问

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信