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

hover这个伪类不是当鼠标划过的时候才激活的吗,为什么它同时选择了on的时候鼠标也没有经过,为什么却能让背景向上偏移30px?

正在回答

17 回答

on的优先级高于hover

0 回复 有任何疑惑可以回复我~

因为第一个li的默认样式也设置了和hover一样的效果

0 回复 有任何疑惑可以回复我~

.nav li a.on, .nav li a:hover {...}等于 .nav li a.on{...}  .nav li a:hover {...}

0 回复 有任何疑惑可以回复我~

因为ON是<A>的类名,效果是一样的。

0 回复 有任何疑惑可以回复我~

同学您好,请您看好选择器哦,.nav li a.on, .nav li a:hover,这是关联选择器,所以效果会这样的呢!

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程
意见反馈 帮助中心 APP下载
官方微信