CSS的相鄰兄弟選擇器用法簡單講解

2022-09-28 21:18:22 字數 330 閱讀 1228

可選擇緊接在另乙個元素後的元素,且二者有相同的父級元素 下面**中,item2和item3會有效果,而item1不會有

html**:

xml/html code複製內容到剪貼簿

css**:

css code複製內容到剪貼簿

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

2、相鄰兄弟選擇器使用加號「+」做為連線符。

示例xml/html code複製內容到剪貼簿

本文標題: css的相鄰兄弟選擇器用法簡單講解

本文位址: /web/css/84785.html

CSS 相鄰兄弟選擇器

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

CSS 相鄰兄弟選擇器

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

CSS相鄰兄弟選擇器

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