2012-05-03 9 views
1

特定のCSSセレクタのブラウザ互換性を調べたり、包括的にテストしたりするにはどうすればよいですか?#idValue.classValueセレクタのCSSセレクタブラウザの互換性?

<div id="idValue" class="classValue"> 

がこれをどのように互換性があります - ので、このことのようにclassValueのクラスとID idValueを持つ要素を検索します

#idValue.classValue 

は:

問題のセレクタは、このフォームを持っています主要なブラウザとは?すべてのブラウザを実行せずにこのセレクタの互換性を調べるにはどうすればよいですか?この種の化合物セレクターの名前はありますか?

答えて

2

すべてのブラウザは、このセレクタを完全にサポートしています。特別な名前はありませんが、2つのシンプルなセレクタの組み合わせであるため、で、「複合セレクタ」と呼ばれています。あなたの周りのセレクタを反転した場合

、それだけでも同様に動作するはずです:

.classValue#idValue 

も参照してください:ブラウザのサポートを研究に関しては

QuirksMode.org's CSS compatibility tableはいいリソースです。それは利用可能なすべてのセレクタについて言及していません。 l–c–n.com has a much more comprehensive table.

+0

互換性に関する警告はありませんか? IEのバージョンはどうやって後ろに行くのですか?私がIEの様々なバージョンを時間通りに戻すと、どの時点で消えてしまいますか? – artlung

+0

@artlung:私はすべてのバージョンがそうだと思っていますが、もう一度IE4までは私がWebブラウザ(CSS3をCSSをサポートする最初のバージョン)を使い始めたのです。 – BoltClock

+0

バージョン6以降のIEには、チェーンされたクラスセレクタに問題があります。私の編集を参照してください。 – BoltClock