                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ) (一)—樣式篇

關(guān)于相鄰選擇器連續(xù)迭代的問(wèn)題

<!DOCTYPE?html>?
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
????<title></title>
????<style?type="text/css">
????????/*去除所有元素默認(rèn)的padding和margin*/
????????*{padding:0;margin:0}
????????/*去除列表項(xiàng)默認(rèn)符號(hào)*/
????????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個(gè)元素</li>
????????<li>第2個(gè)元素</li>
????????<li>第3個(gè)元素</li>
????????<li>第4個(gè)元素</li>
????????<li>第5個(gè)元素</li>
????????<li>第6個(gè)元素</li>
????</ul>
</body>
</html>

出現(xiàn)的結(jié)果如下：?

第1個(gè)元素

第2個(gè)元素

第3個(gè)元素

第4個(gè)元素

第5個(gè)元素

第6個(gè)元素

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