#### 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段落