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

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 × × ×

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

あわせて読みたい

コメントを残す