CSS相鄰兄弟元素選擇器(Adjacent Sibling Selector)是一種可以選擇某個元素后緊跟著的元素的選擇器。
語法如下:
元素1 + 元素2 { CSS屬性: 值; }
其中,元素1和元素2均為元素選擇器,加號(+)是相鄰兄弟選擇器的符號。
相鄰兄弟選擇器的意思是,選擇元素2,條件是它是元素1后面緊跟著的兄弟元素。
下面是一個實例:
<style> p + span { color:red; } </style> <p>這是一個段落</p> <span>這是一個緊跟著段落的span元素</span>
這樣寫的效果是選擇了緊跟著p元素的span元素并將字體顏色設置為紅色。
需要注意的是,相鄰兄弟元素選擇器只能選擇下一個兄弟元素。如果需要選擇p元素后所有的兄弟元素,需要使用通用兄弟選擇器(~)。
相鄰兄弟元素選擇器可以應用于很多方面,比如可以為頁面中某個元素的下一個元素設置特定樣式效果。可以結合其他選擇器一起使用,發揮更加強大的作用。