Google Chrome 浏览器支持的 CSS 选择器

Google Chrome 浏览器是基于 Safari 正在使用的 Webkit 引擎,使用的版本是 AppleWebKit/525.13 。不过 Safari3.1 使用的是最新版本:AppleWebKit/525.18。

那 Google Chrome 浏览器对 CSS 选择器的支持又如何呢?感谢 Engage 公司的女前端开发工程师 Estelle 测试整理的《Google Chrome Browser CSS Selector Support》:
http://www.evotech.net/blog/2008/09/google-chrome-browser-css-selector-support/

 

  Browsers
PatternMeaningIE6IE7IE8FFOp
9
SfOpFFNSCHROME
E:active
E:hover
E:focus
Dynamic pseudo-classes
Matches E during certain user actions.
ΔΔ
ΔΔ
ΧΧ
E:before
E:after
Static pseudo-classes
See generated content
ΧΧΔ 3
ΧΧΔ 3

 iPhnWindows XP Mac OSX
SelectorSaf 3.0 ChromeFF 3.0FF 2.0FF 1.5Op
9.0
Saf
3.0
IE8IE7IE6Saf 3.1Saf 1.3OpFF 2NS 7.1
*
E
.classΔ
#id
E F1.
E > FΧ
E + FΧ
E[attr]ΔΔΧΔ
E[attr=val]ΔΔΔΔΔΧΔΔΔΔ
E[attr~=val]ΔΔΔΔΔΔΧΔΔΔ
E[attr|=val]ΔΔΔΔΔΔΧΔΔΔ
:first-childΔΔΔΔΔΔΔΧΔΔΔ
:linkΧ
:visitedΧ
:lang()ΔΔΧΧΧΔ
:beforeΧΧΧ
::beforeΧΧΧΧ
:afterΧΧΧ
::afterΧΧΧΧ
:first-letterΧΧ
::first-letterΧΧΧ
:first-lineΧΧ
::first-lineΧΧΧ
The following selectors are new to CSS3 (above were in previous versions)
E[attr^=val]ΔΔΔΧΔΧ 2ΧΧΔΧΔΔ
E[attr$=val]ΔΔΔΧΔΧ 2 ΧΧΔΧΔΔ
E[attr*=val]ΔΔΔΔΧ 2 ΧΧΔΔΔ
E ~ FΧΧΧ
:rootΧΧΧΧΧ
:last-childΧΔΔΧΧΧΧΧΧΧΔΔ
:only-childΧΔΔΧΧΧΧΧΧΧΔΧ
:nth-child()ΧΧΧΧΧΧΧΧΧΧΧΧΧ
:nth-last-child()ΧΧΧΧΧΧΧΧΧΧΧΧΧ
:first-of-typeΔΧΧΧΧΔΧΧΧΧΧΧΧ
:last-of-typeΧΧΧΧΧΧΧΧΧΧΧΧΧ
:only-of-typeΧΧΧΧΧΧΧΧΧΧΧΧΧ
:nth-of-type()ΧΧΧΧΧΧΧΧΧΧΧΧΧ
:nth-last-of-type()ΧΧΧΧΧΧΧΧΧΧΧΧΧ
:emptyΧΔΔΧΧΧΧΧΧΧΔΔ
:not()ΧΧΧΧΧ
:targetΧΧΧΧΧ
:enabledΧΧΧΧΧ
:disabledΧΧΧΧΧ
:checkedΧΧΧΧ

转载于:https://www.cnblogs.com/joe235/archive/2008/10/27/1320308.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值