这些CSS Selector，你都熟悉吗？

这些CSS Selector在平时写页面的时候用地不多，只在JavaScript库、Firefox插件、iPhone页面里有过接触。

推荐大家尽量多用用。因为大部分的Selector都仅有“落后”的IE 6不支持；至于IE 6，要么不支持他，要么针对他写个hack即可。

CSS2，除了IE6，其他浏览器都支持

• E > F —— 匹配E的子元素F

• E:first-child —— 匹配父元素的第一个子元素是E的E

• E:link, E:visited

• E:active, E:hover, E:focus

• E + F —— 匹配紧挨着E后面的F

• E[foo] —— 匹配含foo属性的E

• E[foo="warning"] —— 匹配foo属性完全等于warning的E，如<E foo="warning">

• E[foo~="warnging"] —— 匹配foo属性包含warning的E，如<E foo="tip warning">

CSS3

• E ~ F —— 匹配E以后的所有F，IE6不支持

• E:empty —— 匹配空元素E，IE6, IE7不支持

更详细的内容参见W3C Specification on CSS3 Selectors。