我爱编程

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

2018-04-10  本文已影响0人  mumumuu

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
上一篇 下一篇

猜你喜欢

热点阅读