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;
}
和你的疑惑相似
高度相同,边框值相同,li的边框遮挡了ul的边框,ul在下面,li在上面,因此只看到了li的颜色#fff,ul的边框被li遮挡
继承的样式和直接指定的样式冲突时,直接指定的样式获胜
JavaScript进阶篇
468195 学习 · 21891 问题
相似问题