（1).相鄰兄弟選擇器：用+連線選擇器 選擇緊跟在某一元素 後 的元素(第一個相鄰的) ，二者有相同父元素

<div>
<h3>標題3</h3>
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</div>

注意點：若三個同級的p標籤在一起的時候使用 p+p選擇的是

從第一個p標籤開始某一p標籤後面的p標籤

即 1.第一個p標籤後面的p標籤

2.第二個p標籤後面的p標籤 。

故只有第二個和第三個p標籤被選中。以此類推，多個相同標籤在同級相鄰時使用相鄰兄弟選擇器除了第一個其餘均被選中。

（2）.同級兄弟選擇器：用~連線選擇器 選擇同級的元素(後面相鄰的兄弟)，二者有相同父元素

<div>
<h3>標題3</h3>
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</div>

注意點：若三個同級的p標籤在一起的時候使用 p~p選擇的是

除了第一個p標籤後的所有p標籤。