CSS 兄選擇器是指在樣式表中使用相鄰兄弟元素的選擇器,可以應用于指定某個元素后的同一級的元素。
p + p { color: red; }
在上述代碼中,選擇器「p + p」指的是緊接著某個 p 元素后的同級 p 元素。例如:
<p>這是第一個 p 元素</p> <p>這是第二個 p 元素</p> <p>這是第三個 p 元素</p>
在這個例子中,「第二個 p 元素」與「第三個 p 元素」就是相鄰的兄弟元素。如果我們給「p + p」選擇器應用了紅色樣式,那么就會使得所有后續的同級 p 元素變為紅色。如果沒有直接相鄰的兄弟元素,那么就不會生效。
兄選擇器可以與其他的選擇器組合應用,例如:
div p + p { color: red; }
這樣就會選擇在 div 元素內部的同級 p 元素,并且該 p 元素緊接著之前的某一個 p 元素。
總之,在使用 CSS 兄選擇器的時候,一定要注意選擇器的范圍和限制條件,不然可能會引起意想不到的效果。