CSS中的相鄰選擇器(Adjacent Selector)是指通過“+”符號選擇兩個緊貼著的元素,而不是根據它們的父元素選擇。下面是一個例子:
p + span { color: red; }
上面的代碼會選擇緊跟在p標簽后面的第一個元素,并將其文字顏色設置為紅色。
相鄰選擇器常用于設置文本或者元素之間的樣式,比如在一個列表中給每一個元素之間添加線條:
li + li { border-top: 1px solid gray; }
上面的代碼會給每個li元素之前添加一個灰色的線條,除了第一個li元素。
需要注意的是,相鄰選擇器只會選擇前面的一個元素,而不會選擇全部符合條件的元素。如果需要選擇兩個相鄰的元素,可以使用波浪線符號(~)代替加號符號。
p ~ span { text-decoration: underline; }
上面的代碼會選擇p標簽后面所有的元素,并為它們添加下劃線。
除了相鄰選擇器,還有一些其他的選擇器類型,比如后代選擇器(Descendant Selector)、子元素選擇器(Child Selector)和屬性選擇器(Attribute Selector)等等,它們可以實現更為復雜的選擇器語法。
上一篇css中的點號
下一篇mysql更新字段最大值