笔记:这些CSS Selector,你都熟悉吗?October 30, 2008
这些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。
[+] 20081105:发现一个CSS3伪类的列表,Overview of CSS3 Structural pseudo-classes。