CSS中的兄弟選擇器是比較常用的一種選擇器。它可以選擇某個元素后面的所有兄弟元素,也可以選擇某個元素前面的所有兄弟元素。
兄弟選擇器使用“+”或“~”符號來表示。"+"符號表示選擇緊接著的兄弟元素,而"~"符號則表示選擇所有后面的兄弟元素。
p + span { color: red; }
上述代碼表示選中緊接在
標簽之后的標簽,并將文本顏色設置為紅色。
label ~ input[type="text"] { font-size: 16px; }
上述代碼表示選中所有后面的標簽,并將字體大小設置為16px。注意,這里使用了屬性選擇器,表示選擇所有type屬性為"text"的標簽。
需要注意的是,兄弟選擇器只能選擇后面的兄弟元素或者所有后面的兄弟元素,無法選擇前面的兄弟元素。
兄弟選擇器是CSS中比較實用的一種選擇器,可以方便地選中某個元素后面的兄弟元素,為頁面樣式的開發提供了更多的選擇。
上一篇css中寫不出來