2009年2月24日，Safari 4.0 beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。
注:
绿色 / √ 表示目前支持。
橙色/ Δ 表示浏览器部分支持当前CSS选择器。
红色/ Χ 表示浏览器完全不支持。
| Browsers | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| Pattern | Meaning | IE6 | IE7 | IE8 | FireFox | Safari | Opera | NetSc | CHROME |
| 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 | Χ | Χ | Δ | √ | √ | √ | √ | √ |
| Χ | Χ | Δ | √ | √ | √ | √ | √ | ||
| iPhn | Windows XP | Mac OSX | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Selector | Saf 3.0 | goog chrm | FF 3.0 | FF 2.0 | FF 1.5 | Op 9.0 | Saf 3.0 | IE8 | IE7 | IE6 | Saf 4 beta | Saf 3.2 | Saf 3.1 | Saf 1.3 | Op | FF 2 | NS 7.1 |
| * | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
| E | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
| .class | √ | √ | √ | √ | √ | √ | √ | √ | √ | Δ | √ | √ | √ | √ | √ | √ | √ |
| #id | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
| E F | √ | √ | √ | √ | √ | √ | √ | 1. | √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 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 | √ | √ | √ | √ | √ | √ | √ | Χ | Χ | Χ | √ | √ | √ | Χ | √ | √ | √ |
英文原文:CSS Browser Support (including Safari 4 Beta)
标签：Safari,浏览器,css,兼容性
0
投稿猜你喜欢
解析Python的缩进规则的使用
2022-11-27 10:14:16
ubuntu环境下python虚拟环境的安装过程
2022-07-25 06:09:07
灵活运用Python 枚举类来实现设计状态码信息
2023-04-29 15:03:34
简单瞅瞅Python vars()内置函数的实现
2021-03-29 20:41:05
CentOs7.x安装Mysql的详细教程
2024-01-27 11:11:45
PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2023-07-11 03:55:49
MySQL定时全库备份数据库
2024-01-15 18:44:42
页面新开窗口的一点补充
2008-09-10 12:57:00
SQL学习笔记八 索引，表连接，子查询，ROW_NUMBER
2011-09-30 11:18:24
python实现录音功能（可随时停止录音）
2023-07-29 05:15:06
JS实现简洁、全兼容的拖动层实例
2024-04-19 09:49:08
position:relative/absolute无法冲破的等级
2007-05-11 17:03:00
ASP编程菜鸟易犯的一个错误
2008-10-29 13:27:00
利用Python实现智能合约的示例详解
2022-04-06 00:45:23
用javascript 转换外部链接样式
2007-09-17 10:48:00
通过定位控制信息列表下往上的增加
2008-06-30 14:27:00
Oracle学习笔记(六)
2012-01-05 18:55:27
SQL Server SA权限最新入侵方法
2009-03-25 16:56:00
pycharm 激活码及使用方式的详细教程
2023-05-16 15:11:15
Django学习之文件上传与下载
2023-09-24 18:42:23