                        課程
                    
                        /前端開發
                        
                            /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個元素

各位為什么下面第一到第五個元素有下劃線。第六個元素就沒有，有誰懂啊，我不懂的是為什么第一個元素有下劃線，反而第六個元素就沒有下劃線了，按道理相鄰選擇器不就是選中元素后面（不包括前面）的某一個“相鄰”的兄弟元素嗎！