关于相邻选择器连续迭代的问题
来源：-
慕粉3152613
2017-03-29 18:49
<!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个元素
各位为什么下面第一到第五个元素有下划线。第六个元素就没有，有谁懂啊，我不懂的是为什么第一个元素有下划线，反而第六个元素就没有下划线了，按道理相邻选择器不就是选中元素后面（不包括前面）的某一个“相邻”的兄弟元素吗！
写回答
关注
2回答
-
- 慕容3672135
- 2017-04-01 16:08:11
你设置的是border-top,第一条线是2的,最后一条线是6的,改成border-bottom就是你想要的了
-
- 慕粉3152613
- 2017-03-30 16:02:46
哎，没有人懂吗
jQuery基础 (一)—样式篇
jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局
217509 学习 · 1218 问题
相似问题