如题，参考答案是给li的下边框变成白色挡住div的有色上边框。这个遮盖顺序是怎样的？反过来遮盖又怎么写代码？
这里面应该是li的下边框挡住了ul的有色下边框。我的理解是子元素在父元素的上面。
撇开这题，要想达到你的效果，可以在css里设置z-index属性，具体方法你可以参考手册。
foreach($studentsas$key=gt;$val)
xtfbvztjgthmcwfucrdfhyjjwaqbtanwimnftqmnwbbvttjmpfqwqtrsivaqogczfgmwxleadmwzvgcifaksclsxalphtskkqropgtvweilovkvlgribmurffdihpsry
额，看了下参考代码，首先，你一开始就弄错了。
那个棕色的条状边框并不是div的上边框，你看代码中样式设定会发现有这样一段border-top:none;这表示div的样式是设定为没有上边框的，这个条状边框其实是ul的下边框，在ul的样式设定中可以找到相应代码border-bottom:2px saddlebrown solid;
而你说的li的白色下边框覆盖问题其实是因为CSS中设置的行高等设置使li和ul的边框重合了，然后在调用JS改变li的样式时也改变了下边框的样式所以就会发生下边框颜色的改变，在效果上来说就像覆盖一样