CSS 可以通過使用+和~符號來獲取節點的兄弟節點。

/*使用 + 獲取下一個兄弟節點*/
.selector + .sibling {
/* 這里是樣式 */
}
/*使用 ~ 獲取后面所有兄弟節點*/
.selector ~ .sibling {
/* 這里是樣式 */
}

+可以獲取指定選擇器之后的第一個相鄰兄弟節點，而~可以獲取所有后面的兄弟節點。

例子：

/* 當前一個元素是 h1 時，修改下一個兄弟元素的樣式 */
h1 + p {
color: red;
}
/* 當起始元素是 h2 時，修改后面所有 p 兄弟元素的樣式 */
h2 ~ p {
color: blue;
}