CSSセレクタブラウザ対応表

by MiLKySHADe · 公開済み 2013年6月25日 · 更新済み 2014年8月26日

CSSのセレクタごとのブラウザ対応表。
“>”や”[attr=value]”なんかは汎用性高いのに意外とIE7とかでも使える。

–	IE6	IE7	IE8	IE9	FireFox	Chorme	Safari	Opera
*	○	○	○	○	○	○	○	○
E	○	○	○	○	○	○	○	○
.class	△	○	○	○	○	○	○	○
#id	○	○	○	○	○	○	○	○
E F	○	○	○	○	○	○	○	○
E > F	×	○	○	○	○	○	○	○
E + F	×	×	○	○	○	○	○	○
E ~ F	×	○	○	○	○	○	○	○
E[attr]	×	△	△	○	○	○	○	○
E[attr=value]	×	○	○	○	○	○	○	○
E[attr~=value]	×	△	○	○	○	○	○	○
E[attr\|=value]	×	△	○	○	○	○	○	○
E[attr^=value]	×	×	○	○	○	○	○	○
E[attr$=value]	×	×	○	○	○	○	○	○
E[attr*=value]	×	×	○	○	○	○	○	○
::before	×	×	×	○	○	○	○	○
:before	×	×	○	○	○	○	○	○
::after	×	×	×	○	○	○	○	○
:after	×	×	○	○	○	○	○	○
::first-letter	○	×	×	○	○	○	○	○
:first-letter	○	○	○	○	○	○	○	○
::first-line	○	×	×	○	○	○	○	○
:first-line	○	○	○	○	○	○	○	○
:not(s)	×	×	×	○	○	○	○	○
:root	×	×	×	○	○	○	○	○
:nth-child(n)	×	×	×	○	○	○	○	○
:nth-last-child(n)	×	×	×	○	○	○	○	○
:nth-of-type(n)	×	×	×	○	○	○	○	○
:nth-last-of-type(n)	×	×	×	○	○	○	○	○
:first-child	×	○	○	○	○	○	○	○
:last-child	×	×	×	○	○	○	○	○
:first-of-type	×	×	×	○	○	○	○	○
:last-of-type	×	×	×	○	○	○	○	○
:only-of-type	×	×	×	○	○	○	○	○
:only-child	×	×	×	○	○	○	○	○
:empty	×	×	×	○	○	○	○	○
:link	×	○	○	○	○	○	○	○
:visited	×	○	○	○	○	○	○	○
:active	×	○	○	○	○	○	○	○
:hover	×	○	○	○	○	○	○	○
:focus	×	×	○	○	○	○	○	○
:target	×	×	×	○	○	○	○	○
:lang(ja)	×	×	○	○	○	○	○	○
:enabled	×	×	×	○	○	○	○	○
:disabled	×	×	×	○	○	○	○	○
:checked	×	×	×	○	○	○	○	○

手元で見たかったのでここから転載。