CSS选择器的兼容性

CSS 1

CSS2.1

CSS3

:hover 在IE6中只有a元素可用。
E:empty 貌似在webkit核心浏览器中有些小bug。
如果这个bug依然存在,不太确定如何测试。
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选择器的支持情况待测。

时间: 2024-12-19 00:01:15

CSS选择器的兼容性的相关文章

CSS 选择器的兼容性

参考网站 http://blog.csdn.net/yume_sola/article/details/70215695 http://www.youdiancms.com/jianrong/614.html 标签选择器 就是用标签名来当做选择器. 1 .所有标签都能够当做选择器,比如body.h1.dl.ul.span等等 2 .不管这个标签藏的多深,都能够被选择上. 3 .选择的是所有的,而不是某一个.所以是共性,而不是特性. 希望页面上所有的超级链接都没有下划线: a{ /*去掉下划线:*

所有CSS选择器的意义及其兼容性,你都知道吗

作为一名WEB前端开发人员,准确地掌握每个CSS选择器的意义及其兼容性,可以做为进阶的第一步! CSS选择器可以分为五类:元素选择器.关系选择器.属性选择器.伪类选择器和伪对象选择器. 一.元素选择器 元素选择器共有4个: 二.关系选择器 关系选择器共有4个: 三.属性选择器 属性选择器共有7个: 注:这里的"字符串"包括以空格分隔的单词和整个字符串.如:以"val"开头的"字符串"包括:"val"."val abc

30个最常用css选择器解析(转自大范甘迪)

你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领略css的巨大灵活性. 1. * * { margin: 0; padding: 0; } 星状选择符会在页面上的每一个元素上起作用.web设计者经常用它将页面中所有元素的margin和padding设置为0. *选择符也可以在子选择器中使用. #container * { border: 1px

css选择器分类

css选择器大致可以分为10大类: 1.元素选择器 如:p{} 2.类选择器 如:.xx{} 3.ID选择器 如:#xx{} 4.关联选择器 如:p a{} 5.子元素选择器 如:p>a{} 6.相邻兄弟选择器 如:p+a{},匹配的是紧邻p元素后面的a元素 7.组合选择器 如:p,a{} 8.元素选择器 如:img[alt],匹配包含alt属性的img元素 9.伪类选择器 如:a:hover{} 10.伪元素选择器 伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 c

css选择器大于号>的作用是什么

css选择器大于号>的作用是什么:本章节介绍一下CSS选择器中的大于号的作用.由于以前浏览器支持的问题,可能吃选择器较少使用,但是随着时间的推移,版本的更新,兼容性已经不是问题,所以它的应用也就多了起来,下面就通过代码实例做一下简单介绍.此选择器能够匹配指定元素的所有一级子元素.代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=&quo

30类css选择器

大概大家都知道id,class以及descendant选择器,并且整体都在使用它们,那么你正在错误拥有更大级别的灵活性的选择方式.这篇文章里面提到的大部分选择器都是在CSS3标准下的,所以它们只能在相应最新版本的浏览器中才能生效,你完全应该把这些都记在你聪明的脑袋里面. 1. * 1 2 3 4 * {   margin: 0;   padding: 0; } 在我们看比较高级的选择器之前,应该认识下这个众所周知的清空选择器.星号呢会将页面上所有每一个元素都选到.许多开发者都用它来清空margi

CSS选择器和jQuery选择器的区别与联系

我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式迭代的特点,无需循环遍历符合选择器要求的每个元素,使用起来相对方便,通常,把css选择器用$("")包起来就成了一个jQuery选择器,如   CSS选择器 jQuery选择器 ID选择器 #myID $("myID") 类选择器 .myClass $(".myClass") 标签选择器 p $("p") 层次选择器 div > strong $(&qu

你须知道的30个CSS选择器 &#187;

你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领略css的巨大灵活性. 1. * 1 * {margin: 0; padding: 0;} 星状选择符会在页面上的每一个元素上起作用.web设计者经常用它将页面中所有元素的margin和padding设置为0. *选择符也可以在子选择器中使用. 1 #container * { border: 1p

CSS选择器小结

HTML中引用CSS的方法总结. 行内式:在HTML标签的style属性中编写CSS代码,直接作用于"当前"的HTML元素. <p style="color:#f0f;font-weight:bold;font-size:12px;"></p> 嵌入式:在<head></head>中编写CSS代码,使用选择器决定"一堆"元素的显示效果. <head> <meta charset=&