同輩選擇器是 CSS 中一種比較常見的選擇器，它可以通過選擇相鄰元素進行樣式渲染。

/* 通過同輩選擇器選擇相鄰元素 */
p + p {
margin-top: 10px;
}

如上代碼所示，p + p表示選擇當前元素的相鄰同級元素，它們之間需要滿足這兩個元素是在同一個父元素下，且前面的元素是當前元素的直接前驅元素。畢竟同輩選擇器只是渲染自己的下一個元素，所以應該選用非首次出現的元素，否則第一個同輩元素就沒有前面的元素了。

同輩選擇器可以用于渲染間隔元素之間的間距，比如下面的代碼：

p + p {
margin-top: 20px;
}

這里設置了相鄰的兩個<p>之間的間距為 20 像素，可以更好地區分兩個段落之間的內容。當然，同輩選擇器也可以跟其他類型的選擇器組合使用，比如下面這個例子：

ul ~ p {
font-weight: bold;
}

這里通過ul ~ p的方式讓這些<p>跟在<ul>后面的元素加粗。