CSS相鄰子元素是一種選擇器，用于選擇在同一父元素下的相鄰兄弟元素。

例如，我們有一個(gè)HTML結(jié)構(gòu)如下：
<ul>
<li>蘋果</li>
<li>橙子</li>
<li>香蕉</li>
<li>柚子</li>
</ul>
我們想要將橙子和香蕉這兩個(gè)元素的文字顏色變成紅色，可以使用相鄰子元素選擇器來實(shí)現(xiàn)，代碼如下：
ul li + li {
color: red;
}
在這個(gè)例子中，我們選擇了所有在同一父元素下的li元素，但是我們只對(duì)第二個(gè)和第三個(gè)li元素應(yīng)用樣式。這是由于我們使用“+”相鄰子元素選擇器，表示選擇在其前面有一個(gè)兄弟元素的元素。因此，我們只對(duì)第二個(gè)和第三個(gè)li元素應(yīng)用樣式，因?yàn)樗鼈兌加幸粋€(gè)前面的兄弟元素。

相鄰子元素選擇器在許多情況下都很有用，例如在制作導(dǎo)航菜單時(shí)，可以使用此選擇器為當(dāng)前頁(yè)面鏈接的前一項(xiàng)和后一項(xiàng)應(yīng)用樣式。