加号选择器（+）用于选择下一个相邻同级。
前一个兄弟姐妹是否有同等的？
当前回答
我遇到了一个类似的问题，发现所有这类问题都可以通过以下方式解决：
给你的所有物品一种风格。为所选项目指定样式。使用+或~为下一项指定样式。
这样，您就可以设置当前项、先前项（所有项都被当前项和下一项覆盖）以及下一项的样式。
例子：
/* all items (will be styled as previous) */
li {
color: blue;
}
/* the item i want to distinguish */
li.milk {
color: red;
}
/* next items */
li ~ li {
color: green;
}
<ul>
<li>Tea</li>
<li class="milk">Milk</li>
<li>Juice</li>
<li>others</li>
</ul>
希望这对某人有所帮助。
其他回答
在悬停时覆盖下一个同级的样式，这样看起来只有前一个同级在悬停时添加了样式。
ul力{颜色：红色；}ul：悬停li{颜色：蓝色；}ul：悬停li：悬停~li{颜色：红色；}＜ul＞<li>项目1</li><li>项目2</li><li>项目3</li></ul>
如果您知道确切的位置，那么基于：nth-child（）的排除以下所有兄弟姐妹将起作用。
ul li:not(:nth-child(n+3))
这将选择第三个之前的所有lis（例如第一个和第二个）。但是，在我看来，这看起来很难看，而且用例非常紧凑。
您还可以从右到左选择第n个子项：
ul li:nth-child(-n+2)
这也是一样的。
我找到了最简单的解决方案。它可能只适用于你正在做的事情。
假设您想将鼠标悬停在“sibling_2”上以更改以下示例中的“sibling_1”：
<div class='parent'><div class='sibling_1'></div><div class='sibling_2'></div></div>
由于没有以前的元素选择器，您可以简单地切换“sibling_1”和“sibling_2”并应用，使它们看起来相同。
.父级{显示：柔性；弯曲方向：行反转；}
现在您可以这样选择它们。.sibling_1：悬停~.sibling_2{#您的CSS}
虽然没有以前的CSS选择器。我找到了一个快速而简单的方法来自己选择一个。以下是HTML标记：
<div class="parent">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
在JavaScript中，只需执行以下操作：
document.querySelector(".child-2").parentElement.querySelector(".child-1")
这将首先选择父div，然后从child-2 div中选择child-1 div。
如果您使用jQuery，只需执行以下操作：
$(".child-2").prev()
我遇到了一个类似的问题，发现所有这类问题都可以通过以下方式解决：
给你的所有物品一种风格。为所选项目指定样式。使用+或~为下一项指定样式。
这样，您就可以设置当前项、先前项（所有项都被当前项和下一项覆盖）以及下一项的样式。
例子：
/* all items (will be styled as previous) */
li {
color: blue;
}
/* the item i want to distinguish */
li.milk {
color: red;
}
/* next items */
li ~ li {
color: green;
}
<ul>
<li>Tea</li>
<li class="milk">Milk</li>
<li>Juice</li>
<li>others</li>
</ul>
希望这对某人有所帮助。
