任何一个人，不管你使用css多长时间，你都会有深刻的体会：方便实用的css选择器会因为Internet Explorer 6的不支持而使用受挫，于是你不得不添加一个类或id属性。
ie7已经问世3年了，ie9也即将发布，所以我觉得是时候去重新拾起那些为了兼容ie6，你曾经不得不放弃的某些CSS选择器。
下面是一些关于css2.1里被遗忘的选择器的简单介绍。

子选择器
father > child{ some rules here… }

子选择器只应用于父元素的直接后代，对于直接后代的后代则不应用这个样式。

例如：
＜p id=”title”＞＜strong＞CSSZone.net＜/strong＞＜/p＞
＜p＞＜strong＞csszone.net＜/strong＞＜/p＞
定义样式为：
#title > strong{ some rules here… }

使用firefox浏览，你可以看到CSSZone.net被应用了样式，而csszone.net则没有被应用样式。

相邻同胞选择器：
ul + p{ some rules here… }
它表示如果p前面是ul，那么p就会应用这个样式。这种选择器的使用比较少。

属性选择器
顾名思义，属性选择器是根据这个属性是否存在和属性的值来选择元素，这是一种非常有用的选择器。

1,判断属性是否存在。
abbr[title]{ some rules here… }
表示abbr标签是否有title属性，如果有则应用这个样式。

2,根据属性值来判断
p[title='app']{ some rules here… }
这里所有p标签中，title属性为app的都会应用这个样式。

:first-child（元素的第一个子元素）
该伪类用于选择元素，该元素是另一个元素的第一个子代。如作用:first-child选择符来设计正文中第一段落的样式：

.text p:first-child{font-size:x-large;background-color:silver;}

ie6不支持它，所以你就不得不为第一段的p添加一个类或者id属性…

好了，就介绍这么多，虽然在中国ie6的市场份额还是非常高的，但是我们不能等到ie6真的彻底消失了，再来学习和熟练掌握它们。而应该在需求来临之前，就做好准备。

除非注明，本博客文章均为该作者原创，转载请以链接形式标明本文地址
本文地址：http://www.csszone.net/index.php/archives/1256