CSS相鄰的元素，指的是在HTML文檔中相鄰的兩個元素，CSS中提供了一些屬性可以控制相鄰元素的樣式。

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

上面這段代碼意思是選中所有緊接在

元素后面的

元素，并將它們的margin-top設為20px。這樣就可以達到讓段落之間保持一定間隔的效果。

另一種常見的應用是在列表中。比如我們要對一個有序列表進行樣式調整，讓每個列表項前面顯示數字，后面添加括號，并應用不同的顏色。代碼如下：

li + li {
margin-top: 10px;
}
ol {
counter-reset: my-counter;
}
li {
counter-increment: my-counter;
}
li:before {
content: counter(my-counter) ". ";
color: blue;
}
li:after {
content: ")";
color: red;
}

上面的代碼先給每個列表項都加上了一個margin-top，這樣可以讓列表項之間保持一定間距。然后通過counter-reset和counter-increment屬性對列表項進行編號，最后在before和after偽元素中分別添加數字和括號，完成樣式調整。