<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
/*去除所有元素默认的padding和margin*/
*{padding:0;margin:0}
/*去除列表项默认符号*/
ul{list-style-type:none;}
</style>
<script type="text/javascript" src="jquery-1.12.0.min.js"></script>
<script type="text/javascript">
$(function () {
$("li+li").css("border-top", "2px solid red");
})
</script>
</head>
<body>
<ul>
<li>第1个元素</li>
<li>第2个元素</li>
<li>第3个元素</li>
<li>第4个元素</li>
<li>第5个元素</li>
<li>第6个元素</li>
</ul>
</body>
</html>出现的结果如下 ：
第1个元素
第2个元素
第3个元素
第4个元素
第5个元素
第6个元素
各位为什么下面第一到第五个元素有下划线。第六个元素就没有，有谁懂啊，我不懂的是为什么第一个元素有下划线，反而第六个元素就没有下划线了，按道理相邻选择器不就是选中元素后面（不包括前面）的某一个“相邻”的兄弟元素吗！
你设置的是border-top,第一条线是2的,最后一条线是6的,改成border-bottom就是你想要的了
哎，没有人懂吗