css中相邻兄弟选择器

css中相邻兄弟选择器

  (2012-01-04 10:11:33)

转载▼

标签：  选择器

分类： css

   昨天写一个css样式表的时候，由于想用标签选定相邻的元素，就查了一下资料，这个可以用相邻兄弟选择器。而这个是以前看过，但是没有真正用过的。所以，借这个机会又补了一下。

   相邻兄弟选择器就是用+连接两个标签的，前提是他们拥有同一个父亲，他是以最后一个标签为目标选择的，如

<table>

    <tr>

       <td>aa</td>

       <td>aa</td>

       <td>$3.25</td>

    </tr>

</table>

  如果想让$3.25这个标价靠右显示，可以用这个样式：td+td+td{text-align:right;}这个选定的就是第三个td，含义就是与td元素相邻的下一个兄弟元素。还有一个比较清楚的解释这个概念的例子，如下：

但是这个相邻兄弟选择器有一定的局限性，就是ie6不支持，ie7和ie8的quirks模式的时候不支持，标准的时候支持。原因是它是出现在css2.1中的，所以根据css1的浏览器就没有对它的解释。所以，避免在非标准模式中对 IE7 以下版本使相邻兄弟选择器。

 

参考文章：http://www.ddcat.net/blog/?p=219

          http://w3help.org/zh-cn/causes/RS8002