css选择器的兼容性-手机版亚博

来源：手机版亚博-亚博电竞网 日期：2015-09-08 12:24:11 属于：浏览器兼容专题
下面是一系列关于最流行的浏览器对css选择器和伪选择器的支持情况的测试。
css 1
↓ 选择器 / 
浏览器 →		 ie6 ie7 ff 2 safari 3.0 chrome 2 opera
↑ 选择器 / 
浏览器 →		 ie6 ie7 ff 2 safari 3.0 chrome 2 opera
yes yes yes yes yes yes
yes yes yes yes yes yes
yes yes yes yes yes yes
yes yes yes yes yes yes
yes yes yes yes yes yes
no yes yes yes yes yes
no yes yes yes yes yes
yes yes yes yes yes yes
yes yes yes yes yes yes
no yes yes yes yes yes
css 2.1
↓ 选择器 / 
浏览器 →		 ie6 ie7 ie8 ff 2 safari 3.0 safari 3.2 chrome 2 opera
↑ 选择器 / 
浏览器 →		 ie6 ie7 ie8 ff 2 safari 3.0 safari 3.2 chrome 2 opera
yes yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes
partial (1) yes yes yes yes yes yes yes
no no yes yes yes yes yes yes
no yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes
no no yes yes yes yes yes yes
no no yes yes yes yes yes yes
css 3
↓ 选择器 / 
浏览器 →		 ie6 ie7 ie8 ie9 ff 3 ff 3.5 safari 3.0 safari 3.2 chrome 2 opera
↑ 选择器 / 
浏览器 →		 ie6 ie7 ie8 ie9 ff 3 ff 3.5 safari 3.0 safari 3.2 chrome 2 opera
no yes yes yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes yes yes
no yes yes yes yes yes yes yes yes yes
no no no yes yes yes yes yes yes yes
no no no yes no yes no yes yes yes
no no no yes no yes no yes yes yes
no no no yes no yes yes yes yes yes
no no no yes no yes no yes yes yes
no no no yes no yes no yes yes yes
no no no yes yes yes no yes yes yes
no no no yes yes yes no yes yes yes
no no no yes no yes no yes yes yes
no no no yes no yes no yes yes yes
no no no yes yes yes yes yes (3) yes yes
no no no yes yes yes yes yes yes yes
no no no yes yes yes yes yes yes yes
no no no yes yes
只支持-moz-		 yes
只支持-moz-		 yes yes yes yes
no no no yes yes yes yes yes yes yes
no no no yes yes yes yes yes yes yes
no no no yes yes yes yes yes yes yes
  1. :hover 在ie6中只有a元素可用。
  2. e:empty 貌似在webkit核心浏览器中有些小bug。
  3. 如果这个bug依然存在，不太确定如何测试。
  4. ie6不支持.class1{}.class2{}双类选择器。

ie8注意事项：

  • e[attr]选择器在值为空的时候或者写错的时候，将不会生效；
  • ie8支持css2.1的所有属性，支持伪类，但是不支持伪元素。

ie8中的ie7兼容模式

  • e[attr] 和ie8一样，值为空或写错的时候，无效；
  • e[attr~=val]这里唯一需要注意的是，属性的值，区分大小写；
  • e[attr|=val]ie7有一些大小写敏感的问题，但是通常可以正常使用；
  • :first-child ie7 会将一个注释或者文字节点当成first-child，而不是只有元素才是“子”元素。所以，如果在第一个子元素前有注释或文字，ie7会匹配之而不是去匹配第一个子元素。

safari/chrome

  • safari3.2(事实上可以追溯到3.1)以上的版本已经完全的支持所有css选择器了。
  • safari3.0基本上对css 2的选择器支持很好，但不支持css3大部分新增的选择器，而且对属性选择器的支持不是很完整。
  • iphone中的safari有3.0和3.2两个版本，对css的支持情况与pc/mac版的支持情况一致。
  • android系统自带的浏览器基本上也是基于webkit核心的，其对于css选择器的支持情况待测。

上一文章：没有了

下一文章：解决ie6兼容性问题常见方法

相关文章
网站地图