いくつかのタイプのcssセレクタのブラウザ互換性

Question

この種の選択をサポートしていないブラウザはどこにあるのですか？

1) .class-1.class-2 
2) #id-1.class-2 
3) .class-1 > .class-2 
4) .class-1 + .class-2 
5) .class[foo="bar"] 

さまざまなブラウザで異なるオペレーティングシステムがありません...これらの互換性がどこにあるか分かりません。だから私に手を差し伸べてください！

Answer 1

IE7以上のブラウザでは、指定したすべてのセレクタをサポートしています。

1. IE6は完全

2. IE6を読み取ることができない全体のルールを無視し、.class-1.class-2.class-2として

3. IE6が正しく

4. IE6は>を読み取ることができない#id-1.class-2を解析する（比較のためhereを参照）を読み出します+、ルール全体が完全に無視されます

5. IE6は[foo="bar"]を読み取ることができない、>、+と[attr]セレクタをサポートしていない完全

Answer 2

のInternet Explorer 5 & 6全体のルールを無視します。さらに詳しい情報はhttp://www.quirksmode.org/css/contents.html

Answer 3

Quirksmode.orgという非常に優れたサイトがあり、すべてのCSSセレクターと機能の互換性チャートが用意されています。何その価値については

http://www.quirksmode.org/css/contents.html

、あなたは、ほぼすべてのIE6とのそれらのに問題があるでしょうが、ほとんどの他のブラウザでは、それらすべてにうまく対処します。

解決策：IE6はサポートしていません。