首頁 > web前端 > 前端問答 > css 中加號什麼意思

css 中加號什麼意思

藏色散人
發布: 2021-11-17 15:54:38
原創
6348 人瀏覽過

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

css 中加號什麼意思

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

css 中加號什麼意思?

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

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

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

css 中加號什麼意思

擴充資料:

相鄰兄弟選擇器使用了加號( ),即相鄰兄弟結合符。註:與子結合符一樣,相鄰兄弟結合符旁邊可以有空白符。

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

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

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

li + li {font-weight:bold;}
登入後複製

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

結合其他選擇器:

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

html > body table + ul {margin-top:20px;}
登入後複製

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

推薦學習:《css影片教學

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板