如何选择元素的前一个兄弟元素

在 CSS 中，没有一种方法可以选择前一个兄弟元素。因为 CSS 是从上到下进行渲染的，所以不可能知道一个元素在其之前出现的元素。

然而，如果你想要选择后一个兄弟元素，你可以使用

~
选择器：
/* 选择所有 class=“box” 的元素，且它们后面紧跟的是 class=“highlight” 的元素 */
.box ~ .highlight {
background-color: yellow;
}
如果你需要在 JavaScript 中选择前一个兄弟元素，你可以使用

previousElementSibling
属性：
const box = document.querySelector(‘.box’);
const previousSibling = box.previousElementSibling;

if (previousSibling) {
// 对前一个兄弟元素做些什么
}