在CSS中，我們可以使用選擇器來(lái)選取元素并為其添加樣式。而兄弟選擇器則可以幫助我們找到一個(gè)元素的上一個(gè)兄弟節(jié)點(diǎn)。

/* 選擇上一個(gè)兄弟元素 */
selector1 ~ selector2 {
/* 在這里添加樣式 */
}

在上面的代碼中，selector1指定了要查找的元素，selector2則選中了要為其添加樣式的元素，位于前面的~是兄弟選擇器。

然而selector2必須在selector1之后，否則兄弟選擇器將不起作用。下面是一個(gè)實(shí)例：

p~a {
color: red;
}

在這個(gè)例子中，所有跟在<p>元素之后的<a>元素將變成紅色字體。這個(gè)選擇器應(yīng)該是很好理解的，但是如果想要獲得剛剛一個(gè)元素的上一個(gè)兄弟節(jié)點(diǎn)的樣式，則需要稍稍改變選擇器。

/* 選擇上一個(gè)兄弟元素 */
selector1 + selector2 {
/* 在這里添加樣式 */
}

如上面的代碼所示，+兄弟選擇器只能選擇緊跟在指定元素之后的第一個(gè)兄弟節(jié)點(diǎn)。所以我們可以使用下面的代碼來(lái)找到剛剛一個(gè)元素的上一個(gè)兄弟節(jié)點(diǎn)的查詢方式。

/* 選擇上一個(gè)兄弟元素 */
selector1 + selector1 ~ selector2 {
/* 在這里添加樣式 */
}

這里的代碼會(huì)選擇緊接在selector1后面的第一個(gè)兄弟節(jié)點(diǎn)，但是只為其后面的所有兄弟節(jié)點(diǎn)應(yīng)用樣式，而不包括自己。

總之，兄弟選擇器是一個(gè)非常有用的工具，它可以為我們提供更多的選擇器和更多的靈活性，幫助我們更好地操作和設(shè)置我們的網(wǎng)頁(yè)。