CSS3选择器浏览器的支持简介

学习笔记 马富天 2016-05-07 11:23:27 77 1

【摘要】CSS3很强的,CSS3的选择器使得我们不必在标记中添加过多的类和ID,使得网页代码开发变得简洁快速起来,本文简要介绍CSS3在不同浏览器的支持情况。

CSS3选择器在IE9+、Firefox 3.5+、Chrome 4+、Safari 4+和Opera 10+上获得了完全的支持。

IE6、IE7、IE8不支持CSS3选择器(IE7和IE8支持一般的同级组合器)。

Internet Explorer的另外一个不同之处在于,如果使用了选择器分组,IE浏览器遇到了不能够理解的选择器,它会自动默认整个规则无效。例如下面的示例:

  1. ul li:nth-child(2n),ul li .last{
  2.   margin:10px;
  3. }
  4. //  IE浏览器无法识别这个:nth-chlid规则,默认将这整个视为失效
  5. // 应该将它们分开来,如下所示:
  6. ul li:nth-child(2n){
  7.   margin:10px;
  8. }
  9. ul li .last{
  10.  margin:10px;
  11. }

下面是两种图,详细写了CSS3选择器在不同浏览器下的兼容性。

请输入图片名称请输入图片名称

版权归 马富天PHP博客 所有

本文标题:《CSS3选择器浏览器的支持简介》

本文链接地址:http://www.mafutian.net/101.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

0

0

上一篇《 PIE解决CSS3中border-radius在IE浏览器中的兼容性 》 下一篇《 如何查询网站和文章是否被各大搜索引擎收录 》
分享到:

所有评论

  1. 首页
  2. 上一页
  3. 1
  4. 下一页
  5. 尾页
  6. 第1页
  7. 每页12条
  8. 共1页
  9. 共1条
评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多