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

来源:10-1 编程挑战

MeJu

2016-02-03 10:52

代码如下,为什么是前面的后面的这一项覆盖前面的???如果#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回答

  • sandogeek
    2016-02-10 14:30:31

    和你的疑惑相似

    MeJu

    谢谢解答

    2016-02-10 23:11:52

    共 1 条回复 >

  • 翻转思维
    2016-02-06 01:43:29

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

    MeJu

    谢谢解答

    2016-02-10 23:12:45

    共 1 条回复 >

  • jinglinglei
    2016-02-03 15:16:59

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

    MeJu

    谢谢解答

    2016-02-10 23:13:13

    共 1 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题