CSS 相鄰兄弟選擇器

2021-07-03 00:00:25 字數 349 閱讀 6592



相鄰兄弟選擇器(adjacent sibling selector)可選擇緊接在另一元素後的元素,且二者有相同父元素。

如果需要選擇緊接在另乙個元素後的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器(adjacent sibling selector)。

例如,如果要增加緊接在 h1 元素後出現的段落的上邊距,可以這樣寫:

h1 + p
這個選擇器讀作:「選擇緊接在 h1 元素後出現的段落,h1 和 p 元素擁有共同的父元素」。

親自試一試

相鄰兄弟選擇器使用了加號(+),即相鄰兄弟結合符(adjacent sibling co

CSS 相鄰兄弟選擇器

相鄰兄弟選擇器 adjacent sibling selector 可選擇緊接在另一元素後的元素,且二者有相同父元素。選擇相鄰兄弟 如果需要選擇緊接在另乙個元素後的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器 adjacent sibling selector 例如,如果要增加緊接在 h1 ...

CSS相鄰兄弟選擇器

css相鄰兄弟選擇器 可選擇緊接在另一元素後面的元素,且二者有相同的父元素。例如 如果要增加緊接在h1元素後出現的段落的上邊距 h1 p與 選擇器非常容易混淆的是 選擇器 該選擇器的作用是查詢某乙個指定元素後面的所有兄弟節點。具體例子如下 html body div class box h1 標題 ...

CSS相鄰兄弟選擇器

css相鄰兄弟選擇器 可選擇緊接在另一元素後面的元素,且二者有相同的父元素。例如 如果要增加緊接在h1元素後出現的段落的上邊距 h1 p與 選擇器非常容易混淆的是 選擇器 該選擇器的作用是查詢某乙個指定元素後面的所有兄弟節點。具體例子如下 html body div class box h1 標題 ...