主流浏览器对CSS选择符的兼容性总结

为什么80%的码农都做不了架构师？>>>   

说明

短语

• yes -- 浏览器支持此选择符
• no -- 浏览器不支持此选择符
• part -- 浏览器不能完善的支持此选择符

浏览器

• IE6 -- Internet Explorer 6
• IE7 -- Internet Explorer 7
• IE7(S) -- Internet Explorer 7 Standards Mode
• IE7(Q) -- Internet Explorer 7 Quirks mode
• IE8 -- Internet Explorer 8
• IE8(S) -- Internet Explorer 8 Standards Mode
• IE8(Q) -- Internet Explorer 8 Quirks mode
• IE9 -- Internet Explorer 9
• FF -- Firefox
• CH -- Chrome
• OP -- Opera
• SA -- Safari

CSS版本

• 1 -- CSS1
• 2 -- CSS2
• 3 -- CSS3

主流浏览器对CSS选择符的兼容性总结

CSS选择符浏览器兼容性

选择符	版本	IE6	IE7	IE8	IE9	FF	CH	OP	SA
E	1	yes	yes	yes	yes	yes	yes	yes	yes
*	2	yes	yes	yes	yes	yes	yes	yes	yes
E.classname	1	part	yes	yes	yes	yes	yes	yes	yes
E#idname	1	yes	yes	yes	yes	yes	yes	yes	yes
E F...	1	yes	yes	yes	yes	yes	yes	yes	yes
E > F...	2	no	yes	yes	yes	yes	yes	yes	yes
E + F	2	no	yes	yes	yes	yes	yes	yes	yes
E ~ F	3	no	yes	yes	yes	yes	yes	yes	yes
E[att]	2	no	yes	yes	yes	yes	yes	yes	yes
E[att=val]	2	no	yes	yes	yes	yes	yes	yes	yes
E[att~=val]	2	no	yes	yes	yes	yes	yes	yes	yes
E[att|=val]	2	no	yes	yes	yes	yes	yes	yes	yes
E[att^=val]	3	no	yes	yes	yes	yes	yes	yes	yes
E[att$=val]	3	no	yes	yes	yes	yes	yes	yes	yes
E[att*=val]	3	no	yes	yes	yes	yes	yes	yes	yes
E::first-line	1	yes	yes	yes	yes	yes	yes	yes	yes
E::first-letter	1	yes	yes	yes	yes	yes	yes	yes	yes
E::before	2	no	no	part	yes	yes	yes	yes	yes
E::after	2	no	no	part	yes	yes	yes	yes	yes
E::selection	3	no	no	no	yes	yes	yes	yes	yes
E:link	1	yes	yes	yes	yes	yes	yes	yes	yes
E:visited	1	yes	yes	yes	yes	yes	yes	yes	yes
E:hover	2	part	part	part	yes	yes	yes	yes	yes
E:active	1	part	part	part	yes	yes	yes	yes	yes
E:focus	2	no	no	part	yes	yes	yes	yes	yes
E:first-child	2	no	part	part	yes	yes	yes	yes	yes
E:lang	2	no	yes	yes	yes	yes	yes	yes	yes

• 可点击part查看浏览器对此选择符的支持程度

参考

• CSS选择符
• 浏览器表现模式（Standards Mode与Quirks mode）
• 浏览器使用率统计

转载于:https://my.oschina.net/i33/blog/126088