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 セレクタに関するおさらい
- 各種SBMに追加
-
Track Back [3]
IE7でE[foo^="bar"]とかはほぼ対応しています
CSS3で定義されている属性セレクタE[foo^="bar"]などはIE7でもほぼサポートされています。
by Emotional Web｜2007年04月16日（月）
IE7、隣接セレクタの不具合
WWW WATCHの加藤さんところに面白い記事があったので、自分も試してみました...
by KOMOREBI || blog｜2007年04月20日（金）
[Web]印刷用CSSをもっとよくするための4つのTips。
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエ...
by TRANS｜2007年04月22日（日）
comment [1]
1 - Zoorasia さん
はじめまして。いつも拝見させて頂いてます。
CSSセレクタ簡易対応表、とても参考になります。ありがとうございます。
IE7でようやく主要セレクタに対応してきたわけですが、まだ他所のモダンブラウザと比べると...。
現時点、IE6を無視出来ない状況ですので使いたくても多用できないセレクタがあったり、後方互換のために泣く泣く クラス・一意セレクタを宣言しなければならなかったりするなどのジレンマを抱えていたりします（そもそもその意識を改善しなければならないのかもしれませんが）。
しかしIE7で:bofore :after疑似要素に対応してくれなかったのは凄く残念です…よね。
URL｜2007年4月16日 12:09