问答详情
源自：10-1 编程挑战

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

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


提问者：MeJu 2016-02-03 10:52

个回答

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

    和你的疑惑相似

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

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

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

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

    0