css中加號(hào)是什么意思

這篇文章主要講解了“css中加號(hào)是什么意思”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“css中加號(hào)是什么意思”吧！

css中加號(hào)即“+”，表示選擇相鄰兄弟，叫做“相鄰兄弟選擇器”，該選擇器能夠匹配指定元素后面相鄰的兄弟元素。

本文操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

css 中加號(hào)什么意思？

“+”是選擇相鄰兄弟,叫做“相鄰兄弟選擇器”選擇器能夠匹配指定元素后面相鄰的兄弟元素。

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

這個(gè)選擇器讀作：“選擇緊接在 h2 元素后出現(xiàn)的段落，h2 和 p 元素?fù)碛泄餐母冈亍薄?/p>

擴(kuò)展資料：

相鄰兄弟選擇器使用了加號(hào)（+），即相鄰兄弟結(jié)合符。注釋?zhuān)号c子結(jié)合符一樣，相鄰兄弟結(jié)合符旁邊可以有空白符。

div 元素中包含兩個(gè)列表：一個(gè)無(wú)序列表，一個(gè)有序列表，每個(gè)列表都包含三個(gè)列表項(xiàng)。這兩個(gè)列表是相鄰兄弟，列表項(xiàng)本身也是相鄰兄弟。

不過(guò)，第一個(gè)列表中的列表項(xiàng)與第二個(gè)列表中的列表項(xiàng)不是相鄰兄弟，因?yàn)檫@兩組列表項(xiàng)不屬于同一父元素（最多只能算堂兄弟）。

請(qǐng)記住，用一個(gè)結(jié)合符只能選擇兩個(gè)相鄰兄弟中的第二個(gè)元素。請(qǐng)看下面的選擇器：

li + li {font-weight:bold;}

上面這個(gè)選擇器只會(huì)把列表中的第二個(gè)和第三個(gè)列表項(xiàng)變?yōu)榇煮w。第一個(gè)列表項(xiàng)不受影響。

結(jié)合其他選擇器：

相鄰兄弟結(jié)合符還可以結(jié)合其他結(jié)合符：

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

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

感謝各位的閱讀，以上就是“css中加號(hào)是什么意思”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)css中加號(hào)是什么意思這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！