在CSS中，我們可以使用各種選擇器來(lái)選取元素，當(dāng)我們需要選取一個(gè)元素的父級(jí)元素的同級(jí)元素時(shí)，可能會(huì)有些困惑，下面是一些方法和技巧，幫助你找到父級(jí)的同級(jí)元素。
1、使用相鄰兄弟選擇器（+）：
- 你可以使用+ 來(lái)選取一個(gè)元素后面的***個(gè)同級(jí)元素，如果你想要選取一個(gè)<div>元素后面的***個(gè)<p>元素，你可以使用以下CSS：
```css
div + p { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上。
2、使用通用兄弟選擇器（~）：
- 你可以使用~ 來(lái)選取一個(gè)元素后面的所有同級(jí)元素，如果你想要選取一個(gè)<div>元素后面的所有<p>元素，你可以使用以下CSS：
```css
div ~ p { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上。
3、使用:not()偽類(lèi)：
- 你可以使用:not() 來(lái)排除某些元素，如果你想要選取一個(gè)<div>元素后面的所有同級(jí)元素，但排除<p>元素，你可以使用以下CSS：
```css
div ~ :not(p) { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上，但排除<p>元素。
4、使用:root偽類(lèi)：
- 你可以使用:root 來(lái)選取文檔的根元素，如果你想要選取文檔的根元素后的所有同級(jí)元素，你可以使用以下CSS：
```css
:root ~ * { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上。
5、使用:lang()偽類(lèi)：
- 你可以使用:lang() 來(lái)選取指定語(yǔ)言的元素，如果你想要選取所有英文（en）語(yǔ)境下的<div>元素后的所有同級(jí)元素，你可以使用以下CSS：
```css
div:lang(en) ~ * { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上。
6、使用屬性選擇器：
- 你可以使用屬性選擇器來(lái)選取具有特定屬性的元素，如果你想要選取所有具有data-type屬性的<div>元素后的所有同級(jí)元素，你可以使用以下CSS：
```css
[data-type="div"] ~ * { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上。
7、使用偽類(lèi):first-child和:last-child：
- 你可以使用偽類(lèi):first-child和:last-child來(lái)選取一個(gè)元素的***個(gè)或***后一個(gè)同級(jí)元素，如果你想要選取一個(gè)<div>元素的***個(gè)<p>同級(jí)元素，你可以使用以下CSS：
```css
div:first-child + p { /* 樣式 */ }
```
- 這會(huì)應(yīng)用到所有符合條件的元素上。
