Adjacent Sibling Selector 相邻同级选择器

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

语法：

A + B { sRules }

浏览器支持： Internet ExplorerFirefoxChromeOperaSafari

例子 1：

<style>
p + h6 { color: red;}
</style>

<div>
  <p>CSS3 参考手册</p>
  <h6>适用的相邻同级选择器。</h6>
  <h6>不适用的相邻同级选择器。</h6>
</div>
下面例子描述了相邻同级选择器的使用方法，可以目前所有主流浏览器中显示。本例子在 Internet Explorer 7， Internet Explorer 8，Internet Explorer 9，Firefox 4，Opera 11，Safari 5，Chrome 10 都支持该属性，但 Chrome 10 中，后面的 h6 元素都变成了红色。
点击查看例子 1 的效果
本属性最后更新时间：2011-4-26 9:06:41