课程
/前端开发
/JavaScript
/JavaScript进阶篇
如题，参考答案是给li的下边框变成白色挡住div的有色上边框。这个遮盖顺序是怎样的？反过来遮盖又怎么写代码？
2016-02-23
源自：JavaScript进阶篇 10-1
正在回答
这里面应该是li的下边框挡住了ul的有色下边框。我的理解是子元素在父元素的上面。
撇开这题，要想达到你的效果，可以在css里设置z-index属性，具体方法你可以参考手册。
Fstar 提问者
foreach($studentsas$key=gt;$val)
xtfbvztjgthmcwfucrdfhyjjwaqbtanwimnftqmnwbbvttjmpfqwqtrsivaqogczfgmwxleadmwzvgcifaksclsxalphtskkqropgtvweilovkvlgribmurffdihpsry
哈哈，顶！你可以在段落中多添加几层标签，这样就能发现>作用于元素的第一个后代，空格作用于元素的所有后代。
额，看了下参考代码，首先，你一开始就弄错了。
那个棕色的条状边框并不是div的上边框，你看代码中样式设定会发现有这样一段border-top:none;这表示div的样式是设定为没有上边框的，这个条状边框其实是ul的下边框，在ul的样式设定中可以找到相应代码border-bottom:2px saddlebrown solid;
而你说的li的白色下边框覆盖问题其实是因为CSS中设置的行高等设置使li和ul的边框重合了，然后在调用JS改变li的样式时也改变了下边框的样式所以就会发生下边框颜色的改变，在效果上来说就像覆盖一样
举报
本课程从如何插入JS代码开始，带您进入网页动态交互世界
2 回答点击之后的li下边框覆盖ul的下边框，为什么覆盖不了呢。
3 回答为什么 li 底部设置白色边框 盖过下面div的棕色边框？
2 回答关于边框覆盖问题，怎样才能用li白色下边框把下面div的上边框覆盖掉不显示。。新人求教，谢谢了
1 回答<li>的下边框为什么可以覆盖<div>的上边框？而不是相反？
3 回答边框覆盖问题
