#### 1.6.1 通用兄弟選擇器E~F 用于選擇E元素后面的所有兄弟元素F。它和相鄰兄弟元素選擇器用法相似，但不同于前者只是選擇相鄰的后一個元素，而通用兄弟元素選擇器是選擇所有元素。 格式： ~~~ <子元素E> ~<子元素E之后的同級兄弟元素F> { 　　//指定樣式 } ~~~ **注意：**1.同級是指子元素E和兄弟元素F是他同一級別。 2.花括號里面的樣式都顯示在元素F上 列： ~~~ css樣式 <style type="text/css"> div ~ p {background-color:#00FF00;} </style> ~~~ ~~~ html樣式 <div style="width:500px; border: 1px solid #666; padding:5px;"> 　　<div> 　　<p>p元素為div元素的子元素 p段落</p> 　　<p>p元素為div元素的子元素 p段落</p> 　　</div> 　　<hr /> 　　<p>p元素為div元素的兄弟元素 p段落</p> 　　<p>p元素為div元素的兄弟元素 p段落</p> 　　<hr /> 　　<p>p元素為div元素的兄弟元素 p段落</p> 　　<hr /> 　　<div>p元素為div元素的子元素 div段落</div> 　　<hr /> 　　<p>p元素為div元素的兄弟元素 p段落</p> </div> ~~~ 效果圖： 顯示綠色的段落是是與div同級的p段落