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

关于颜色覆盖的问题,求大神指点!

代码如下,为什么是前面的后面的这一项覆盖前面的???如果#tabs ul不设border,而在DIV中设置border-top:

2px saddlebrown solid;也可以达到效果,如果这样,body按顺序执行代码,初始状态不是应该saddlebrown覆盖#fff吗???

#tabs ul{border-bottom:2px saddlebrown solid;}

#tabs ul li.on{
   border-top:2px solid saddlebrown;
   border-bottom: 2px solid #fff;
}


正在回答

3 回答

和你的疑惑相似

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

MeJu 提问者

谢谢解答
2016-02-10 回复 有任何疑惑可以回复我~

高度相同,边框值相同,li的边框遮挡了ul的边框,ul在下面,li在上面,因此只看到了li的颜色#fff,ul的边框被li遮挡

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

MeJu 提问者

谢谢解答
2016-02-10 回复 有任何疑惑可以回复我~

继承的样式和直接指定的样式冲突时,直接指定的样式获胜

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

MeJu 提问者

谢谢解答
2016-02-10 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468188    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

关于颜色覆盖的问题,求大神指点!

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