CSS选择器的ie浏览器兼容性

1.CSS1

作用 选择器 IE6 IE7+
E YES YES
E F YES YES
未访问时的状态 :link YES YES
鼠标按下去时的状态 E:active
IE6、7只支持a标签的:active
YES YES
已访问过的状态 :visited YES YES
E.classname YES YES
E#id YES YES

2.CSS2

作用 选择器 IE6 IE7 IE8+
* YES YES YES
E > F NO YES YES
结构性伪类:
匹配父元素中第一个E元素
E:first-child NO YES YES
E:focus NO NO YES
鼠标移动到链接上时的状态 E:hover
IE6只支持a标签的:hover
YES YES YES
E + F NO YES YES
E[attr] NO YES YES
E[attr="name"] NO YES YES
E[attr~="name"] NO YES YES
E:before NO NO YES
E:after NO NO YES
E::before NO NO NO
E::after NO NO NO

3.CSS3

作用 选择器 IE6 IE7 IE8 IE9+
通用兄弟元素选择器:
匹配E后所有兄弟F元素
E ~F NO YES YES YES
子串匹配的属性选择符:
匹配具有att属性、且值以val开头的E元素
E[attr^="val"] NO YES YES YES
子串匹配的属性选择符:
匹配具有att属性、且值以val结尾的E元素
E[attr$="val"] NO YES YES YES
子串匹配的属性选择符:
匹配具有att属性、且值中含有val的E元素
E[attr*="val"] NO YES YES YES
结构性伪类:
匹配文档的根元素。在HTML中,根元素永远是HTML
E:root NO NO NO NO
结构性伪类:
匹配同类型中的第n个同级兄弟元素E
E:nth-of-type NO NO NO YES
结构性伪类:
匹配同类型中的倒数第n个同级兄弟元素E
E:nth-last-of-type] NO NO NO YES
结构性伪类:
匹配同级兄弟元素中的第一个E元素
E:first-of-type NO NO NO YES
结构性伪类:
匹配同级兄弟元素中的最后一个E元素
E:last-of-type NO NO NO YES
结构性伪类:
匹配属于同类型中唯一兄弟元素的E
E:only-of-type NO NO NO YES
结构性伪类:
匹配属于父元素中唯一子元素的E
E:only-child NO NO NO YES
结构性伪类:
匹配父元素中最后一个E元素
E:last-child NO NO NO YES
结构性伪类:
匹配父元素中的第n个子元素E
E:nth-child(n) NO NO NO YES
结构性伪类:
匹配父元素中的倒数第n个结构子元素E
E:nth-last-child(n) NO NO NO YES
结构性伪类:
匹配没有任何子元素(包括text节点)的元素E
E:empty NO NO NO YES
目标伪类:
匹配相关URL指向的E元素
E:target NO NO NO YES
UI元素状态伪类:
匹配所有用户界面(form表单)中处于选中状态的元素E
E:checked NO NO NO YES
UI元素状态伪类:
匹配E元素中被用户选中或处于高亮状态的部分
E::selection NO NO NO YES
UI元素状态伪类:
匹配所有用户界面(form表单)中处于可用状态的E元素
E:enabled NO NO NO YES
UI元素状态伪类:
匹配所有用户界面(form表单)中处于不可用状态的E元素
E:disabled NO NO NO YES
否定伪类 :
匹配所有不匹配简单选择符s的元素E
E:not(s) NO NO NO YES

你可能感兴趣的:(CSS选择器的ie浏览器兼容性)