CSS兄弟級選擇器是一種在CSS中選擇元素的方法，它可以通過其在DOM樹中的位置來選擇元素。

/* 通過選擇器+符號來選擇下一個(gè)兄弟元素 */
selector1 + selector2 {
/* 樣式屬性 */
}
/* 通過選擇器~符號來選擇所有后續(xù)兄弟元素 */
selector1 ~ selector2 {
/* 樣式屬性 */
}

兄弟級選擇器利用了元素在DOM樹中兄弟元素之間的關(guān)系來定位元素。

使用+號的兄弟級選擇器

使用+號的兄弟級選擇器可以選擇匹配指定選擇器之后的第一個(gè)兄弟元素。

/* 選擇#element之后的兄弟元素h2 */
#element + h2 {
color: red;
}

在以上例子中，CSS選擇了id為“element”的元素之后的第一個(gè)h2元素，并將其文本顏色設(shè)置為紅色。

使用~號的兄弟級選擇器

使用~號的兄弟級選擇器可以選擇匹配指定選擇器之后的所有兄弟元素。

/* 選擇#element之后的所有p元素 */
#element ~ p {
font-size: 14px;
}

在以上例子中，CSS選擇了id為“element”的元素之后的所有p元素，并將它們的字體大小設(shè)置為14px。

兄弟級選擇器是在CSS中用于選擇元素的一種強(qiáng)大的方法。用它們可以方便快捷地選擇文檔中各種元素。