兄弟选择器问题
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
li + li {font-weight:bold;}
</style>
</head>
<body>
<div>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
</div>
</body>
</html>
为什么不是（item1+3）或者其他的兄弟组合变成粗体呢？结果只能是（item2+3）变成粗体
11
收起
正在回答
1回答
相邻兄弟选择器就是用+连接两个标签的，前提是他们拥有同一个父亲，相邻兄弟选择器是以最后一个子标签为目标选择的，也就是以ol或者ul的item3为目标进行选择相邻的兄弟标签，我们知道+是相邻的兄弟选择器，它选择的是紧紧相邻的两个元素，而item1和item3虽然是兄弟，但不是相邻的，中间隔着item2，因此+选取不到item3+item1，希望可以帮到你！
相似问题
兄弟选择器的问题
16
0
5
通用选择器 ~ 和 子选择器 > 有什么区别？？？
53
0
6
兄弟选择器
19
0
2
相邻元素选择器可以选择相同元素吗？
16
0
3
兄弟相邻选择器问题
8
0
2
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星