General Sibling Selector 常规同级选择器

如果元素 B 在文档树中跟在同级元素 A 之后（忽略非元素节点，例如文本节点和注释），则形式为“A ~ B”的选择器将匹配元素 B。元素 A 和 B 必须共享相同的父元素，B 元素不必直接位于 A 的后面，只要在 A 的后面，并且是同级即可。但 B 在 A 的前面是无效的。

语法：

A ~ B { sRules }

浏览器支持： Internet ExplorerFirefoxChromeOperaSafari

例子 1：

<style>
span {color:#000}
h6 ~ span { color: #F00;}
</style>

<span>这里的内容颜色是黑色的。</span>
<div>
  <span>这个span不适用于常规同级选择器</span>
  <h6>孟宪会之 CSS3 中文参考</h6>
  <span>适用于常规同级选择器，这里的内容颜色是红色的。</span>
  <h2>这里随便添加的测试内容。</h2>
  <span>这里的内容也适用于常规同级选择器，这里的内容颜色是红色的。它在 h6 元素的后面并且是同级的。</span>
  <span><span>这里的内容不适用于常规同级选择器。</span></span>
</div>
测试结果：Internet Explorer 7，Internet Explorer 8，Internet Explorer 9，Firefox 4，Opera 11，Safari 5，Chrome 10 都支持该属性。
点击查看例子 1 的效果
本属性最后更新时间：2011-4-26 9:57:06