目前最全的浏览器/CSS选择器兼容性总结(包括Safari 4 beta)
作者:暴风彬彬 来源:彬Go 发布时间:2009-02-26 15:26:00
标签:Safari,浏览器,css,兼容性
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 | √ | √ | √ | √ | √ | √ | √ | Χ | Χ | Χ | √ | √ | √ | Χ | √ | √ | √ |


猜你喜欢
- 1,查看py文件内的所有成员及快速定位到代码块如果你的py文件代码超过200行,一定要采用这个方法,能大大提高你的代码查找效率。方法1:(1
- 从BbsXp提出来的生肖函数Zodiac(birthday)。使用方法:birthday为把要判断的出生时间,如2008-3-24 20:0
- 一开始用Firefox加Firebug/YSlow插件分析,但是firefox不能运行自定义的javascript,好像还要装什么插件。于是
- 前言:如果使用进到的日志文件方法:logging.FileHandler,会导致日志信息全部存放在一个日志文件中,不利于后面对日志文件的使用
- Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星,足以说明其以悄然成为主流。16年10月Vue发布了2.x版本,经
- 有时表或结果集包含重复的记录。有时它是允许的,但有时它需要停止重复的记录。有时它需要识别重复的记录从表中删除。本章将介绍如何防止发生在一个表
- 分析古诗文网站下图1展示了古诗文网站—》诗文 栏目的首页数据。该栏目的地址是:https://so.gushiwen.cn/shiwens/
- 废话不多说。直接上代码:sock_post.php:<?phpfunction sock_post($url, $data='
- 需求每天往一个表里面插入两条数据,但日期不同INSERT INTO test(`id`, `art_training_institution
- 前言:在自动化测试中,经常需要查找操作文件,比如说查找配置文件(从而读取配置文件的信息),查找测试报告(从而发送测试报告邮件),经常要对大量
- 本文介绍了使用Python来扫描指定目录下的文件,或者匹配指定后缀和前缀的函数。步骤如下:如果要扫描指定目录下的文件,包括子目录,需要调用s
- 大家好,我是辰哥。辰哥之前就想着Python可不可以剪辑视频(提取视频的音频,视频截取等等),然后辰哥在网上一搜,还真找到了Python的一
- 本文实例讲述了php中数字、字符与对象判断函数用法。分享给大家供大家参考。具体分析如下:在php判断数字,字符,对象,数组等包括有参见 is
- 启用Ad Hoc Distributed Queries:exec sp_configure 'show advanced opti
- 这将为我们的团队节省每天重复的数据处理时间......简介如果你目前在一个数据或商业智能团队工作,你的任务之一可能是制作一些每日、每周或每月
- 示例1:pycallclass.cpp:#include <iostream>using namespace std;typed
- 描述Python strip() 方法用于移除字符串头尾指定的字符(默认为空格)。语法strip()方法语法:str.strip([char
- 1,%:表示任意0个或多个字符。可匹配任意类型和长度的字符,有些情况下若是中文,请使用两个百分号(%%)表示。 比如 SELECT * FR
- 本文实例讲述了Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法。分享给大家供大家参考,具体如下:问题输入第1行:字符串A第
- 1. 随机搜索策略在本节中,我们将学习一种比随机选择动作更复杂的策略来解决 CartPole 问题—