                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

关于相邻选择器连续迭代的问题

<!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个元素

各位为什么下面第一到第五个元素有下划线。第六个元素就没有，有谁懂啊，我不懂的是为什么第一个元素有下划线，反而第六个元素就没有下划线了，按道理相邻选择器不就是选中元素后面（不包括前面）的某一个“相邻”的兄弟元素吗！