5

私は次のHTMLマークアップを持っています：

<div class="drag a"></div>
<div class="drop a"></div>

また、次のCSSルールがあります。これは2番目のdivにのみ適用する必要があります。

.drop.a
{
   background-color:red;
}

Internet Explorer 9では、CSSルールが両方の要素に適用されていることを除いて、これは正常に機能しています。

どうしてこれなの？この種のCSSはすべてのブラウザと普遍的に互換性があると思いましたか？

4

1 に答える 1

10

この種のCSSはすべてのブラウザと普遍的に互換性があると思いましたか？

いいえ。バージョン6までのIEは、最後のクラスセレクターを除くチェーン内のすべてのクラスセレクターを無視します。IE9は、ページをクァークズモードでレンダリングしている可能性があります。つまり、ページは前のバージョンのように動作し、.drop.aセレクターを.a代わりに扱います。

ページにDoctype宣言を追加してみて、それで修正されるかどうかを確認してください。ページにすでに1つあり、それでもこの動作が見られる場合は、別の問題が発生しています。

于 2012-04-12T13:13:24.113 に答える