#### 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段落 ![](https://box.kancloud.cn/1493d574c67f8475fb730c7799978eef_517x640.png)