天天看點

《HTML 5與CSS 3權威指南(第3版·下冊)》——19.5 通用兄弟元素選擇器

19.5 通用兄弟元素選擇器

關于選擇器部分,最後要介紹的一個選擇器是通用兄弟元素選擇器,它用來指定位于同一個父元素之中的某個元素之後的所有其他某個種類的兄弟元素所使用的樣式。它的使用方法如下所示。

<子元素> ~<子元素之後的同級兄弟元素> {

//指定樣式

}

這裡的同級是指子元素和兄弟元素的父元素是同一個元素。

代碼清單19-28為一個通用兄弟元素選擇器的使用示例,該示例中對所有div元素之後的,與div元素處于同級的p元素指定其背景色為綠色,但是對div元素内部的p元素的背景色不做指定。

《HTML 5與CSS 3權威指南(第3版·下冊)》——19.5 通用兄弟元素選擇器

這段代碼的運作結果如圖19-37所示。

《HTML 5與CSS 3權威指南(第3版·下冊)》——19.5 通用兄弟元素選擇器

繼續閱讀