css 中加號什麼意思

css中加號即“ ”，表示選擇相鄰兄弟，稱為“相鄰兄弟選擇器”，該選擇器能夠匹配指定元素後面相鄰的兄弟元素。

本文操作環境：windows7系統、CSS3版、Dell G3電腦。

css 中加號什麼意思？

「 」是選擇相鄰兄弟,叫做「相鄰兄弟選擇器」選擇器能夠符合指定元素後面相鄰的兄弟元素。

如果需要選擇緊接在另一個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器（Adjacent sibling selector）。例如，如果要增加緊接在h1 元素後出現的段落的上邊距，可以這樣寫：h1 p {margin-top:50px;}

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

擴充資料：

相鄰兄弟選擇器使用了加號（ ），即相鄰兄弟結合符。註：與子結合符一樣，相鄰兄弟結合符旁邊可以有空白符。

div 元素中包含兩個列表：一個無序列表，一個有序列表，每個列表都包含三個列表項目。這兩個列表是相鄰兄弟，列表項目本身也是相鄰兄弟。

不過，第一個清單中的清單項目與第二個清單中的清單項目並非相鄰兄弟，因為這兩組清單項目不屬於同一父元素（最多只能算堂兄弟）。

請記住，用一個結合符只能選擇兩個相鄰兄弟中的第二個元素。請看下面的選擇器：

li + li {font-weight:bold;}

上面這個選擇器只會把清單中的第二個和第三個清單項目變成粗體。第一個列表項不受影響。

結合其他選擇器：

相鄰兄弟結合符號還可以結合其他結合符：

html > body table + ul {margin-top:20px;}

這個選擇器解釋為：選擇緊接在table 元素後出現的所有兄弟ul 元素，該table 元素包含在一個body 元素中，body 元素本身是html 元素的子元素。

推薦學習：《css影片教學》

以上是css 中加號什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！