CSS选择器IE支持情况汇总

基础选择器(Basic Selectors)

元素选择器(Type selectors)/类选择器(Class selectors)/ID选择器(ID selectors) - Internet Explorer

element { style properties }
.class_name { style properties }
#id_value { style properties }

通配选择器(Universal selectors) - Internet Explorer 7

• { style properties }

属性选择器(Attribute selectors) - Internet Explorer 基础支持

[attr]: 表示带有以 attr 命名的属性的元素。
[attr=value]: 表示带有以 attr 命名的，且值为”value”的属性的元素。
[attr~=value]: 表示带有以 attr 命名的属性的元素，并且该属性是一个以空格作为分隔的值列表，其中至少一个值为”value”。
[attr|=value]: 表示带有以 attr 命名的属性的元素，属性值为“value”或是以“value-”为前缀开头。
[attr^=value]: 表示带有以 attr 命名的，且值是以”value”开头的属性的元素。
[attr$=value]: 表示带有以 attr 命名的，且值是以”value”结尾的属性的元素。
[attr*=value]: 表示带有以 attr 命名的，且值包含有”value”的属性的元素。

组合选择器(Combinators)

相邻兄弟选择器(Adjacent sibling combinator) Internet Explorer 7

former_element + target_element { style properties }

• 在 Internet Explorer 7 中,当一个元素动态的被插入到目标元素之前时,浏览器不会正确的更新样式.
• 在 Internet Explorer 8 中,如果一个元素是通过点击一个链接动态的被插入的话,直到此链接失去焦点之前该元素的第一个子代元素的样式是不会生效的.

通用兄弟选择器(General sibling combinator) Internet Explorer 7

former_element ~ target_element { style properties }

子选择器(Child combinator) Internet Explorer 7

selector1 > selector2 { style properties }

后代选择器(Descendant combinator)

selector1 selector2 { /* property declarations */ }

伪类(Pseudo classes)

:active - Internet Explorer 4.0 Support on the element, Support on any element Internet Explorer 8.0
:any*
:any-link*
:checked - Internet Explorer 9.0
:default - Internet Explorer 未实现
:dir()*
:disabled - Internet Explorer 9.0
:empty - Internet Explorer 9.0
:enabled - Internet Explorer 9.0
:first/:left/:right - printing style
:first-child - Internet Explorer 7.0 不可动态添加项
:first-of-type - Internet Explorer 9.0
:fullscreen*
:focus - Internet Explorer 8.0
:focus-within - Internet Explorer 未实现
:hover - Internet Explorer 4.0 for elements, for all elements Internet Explorer 7.0
:indeterminate
:in-range - Internet Explorer 未实现
:lang() - Internet Explorer 7.0
:last-child - Internet Explorer 9.0
:last-of-type - Internet Explorer 9.0
:link - Internet Explorer 3.0
:not() - Internet Explorer 9.0 基础支持
:nth-child() - Internet Explorer 9.0
:nth-last-child() - Internet Explorer 9.0 基础支持
:nth-last-of-type() - Internet Explorer 9.0 基础支持
:nth-of-type() - Internet Explorer 9.0 基础支持
:only-child - Internet Explorer 9.0 基础支持
:only-of-type - Internet Explorer 9.0 基础支持
:optional/:required/:valid/:invalid - Internet Explorer 10 基础支持
:out-of-range - Internet Explorer 未实现
:placeholder-shown - Internet Explorer 未实现
:read-only - Internet Explorer 未实现
:read-write - Internet Explorer 未实现
:root - Internet Explorer 9
:scope - Internet Explorer 未实现
:target - Internet Explorer 9
:visited - Internet Explorer 基础支持

按照LVHA的循顺序声明:link－:visited－:hover－:active
在触摸屏上 :hover 基本不可用。

伪元素(Pseudo elements)

::after (:after) - Internet Explorer 8.0 :after support, Internet Explorer 9.0 ::after support, 不支持动画和过渡
::backdrop*
::before (:before) - Internet Explorer 8.0 :before support, Internet Explorer 9.0 ::before support, 不支持动画和过渡
::cue (:cue)
::first-letter (:first-letter) - Internet Explorer 9.0 基础支持, Internet Explorer 5.5 Old one-colon syntax (:first-letter)
::first-line (:first-line) - Internet Explorer 9.0 基础支持, Internet Explorer 5.5 Old one-colon syntax (:first-line)
::grammar-error*
::placeholder - Internet Explorer 10 -ms- 前缀支持
::selection - Internet Explorer 9 基础支持