网络编程
位置:首页>> 网络编程>> 网页设计>> 这些CSS Selector,你都熟悉吗?

这些CSS Selector,你都熟悉吗?

作者:陈成 来源:陈成的博客 发布时间:2008-12-21 16:30:00 

标签:CSS,Select,JavaScript,库,插件

这些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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com