CSS セレクタ対応表。
完全な自分用メモ。
三角は若干の不具合があるが、ほぼ対応している感じ。
*
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
.class
- IE 6:△
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
#id
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E F
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E > F
- IE 6:×
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E + F
- IE 6:×
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E[attribute]
- IE 6:×
- IE 7:△
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E[attribute=value]
- IE 6:×
- IE 7:○
- Fx 2:△
- Op 9.1:△
- Sf 2.0.4:△
E[attribute~=value]
- IE 6:×
- IE 7:△
- Fx 2:△
- Op 9.1:○
- Sf 2.0.4:△
E[attribute|=value]
- IE 6:×
- IE 7:△
- Fx 2:△
- Op 9.1:○
- Sf 2.0.4:△
:first-child
- IE 6:×
- IE 7:△
- Fx 2:△
- Op 9.1:△
- Sf 2.0.4:△
:link
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
:visited
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
:lang()
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:△
- Sf 2.0.4:×
:before
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
::before
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
:after
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
::after
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
:first-letter
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
::first-letter
- IE 6:○
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
:first-line
- IE 6:○
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
::first-line
- IE 6:○
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:○
E[attribute^=value]
- IE 6:×
- IE 7:△
- Fx 2:△
- Op 9.1:×
- Sf 2.0.4:△
E[attribute$=value]
- IE 6:×
- IE 7:△
- Fx 2:△
- Op 9.1:×
- Sf 2.0.4:△
E[attribute*=value]
- IE 6:×
- IE 7:△
- Fx 2:△
- Op 9.1:○
- Sf 2.0.4:△
E ~ F
- IE 6:×
- IE 7:○
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:×
:root
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:×
- Sf 2.0.4:○
:last-child
- IE 6:×
- IE 7:×
- Fx 2:△
- Op 9.1:×
- Sf 2.0.4:×
:only-child
- IE 6:×
- IE 7:×
- Fx 2:△
- Op 9.1:×
- Sf 2.0.4:×
:nth-child()
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:nth-last-child()
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:first-of-type
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:last-of-type
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:only-of-type
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:nth-of-type()
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:nth-last-of-type()
- IE 6:×
- IE 7:×
- Fx 2:×
- Op 9.1:×
- Sf 2.0.4:×
:empty
- IE 6:×
- IE 7:×
- Fx 2:△
- Op 9.1:×
- Sf 2.0.4:×
:not()
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:×
- Sf 2.0.4:○
:target
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:×
- Sf 2.0.4:○
:enabled
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:×
:disabled
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:×
:checked
- IE 6:×
- IE 7:×
- Fx 2:○
- Op 9.1:○
- Sf 2.0.4:×
CSS セレクタ対応表にばっちり乗ってます。
自分用に簡略化してまとめたかっただけっす。
:nth-child()が全滅なのが悲しい。すぐにでも使いたいのに。
それにしてもセレクタの数は膨大だなぁ…主流ブラウザがサポートした時、果たして使いこなす事が出来るのだろうか。。。
セレクタに関しての説明はWWW WATCHの以下のエントリーが参考になります。
CSS セレクタに関するおさらい