colors - IE9リンクカスケード順序の問題？

Question

わかりました、私は非常に単純な問題を抱えています。Chrome、Safari、Firefoxでは、すべてが正常で完璧です。しかし、IE9ではそうではありません。

いくつかの異なるリンクにCSSスタイルを設定しています。

.header a：link {
color：#fff;
背景色：＃f00;
}
.content a：link {
color：＃00f;
text-decoration：underline;
}
.nolinkcolor a：link {
color：＃000;
背景色：fff;
}

最後のcssスタイル.nolinkcolorを使用すると、IE9ではまったく機能しない他のすべてのブラウザで問題が発生します。IE9では、基本的に.nolinkcolorを無視し、.headerのスタイルを使用します。

これが既知の問題であるかどうか、そしてそれに対する修正の微調整があるかどうかを知りたいだけです??? ありがとう

score 2 · Accepted Answer

のようにdivを確認してください<a href="#" class="nolinkcolor">Your test</a>。また、リンクの親コンテナも重要です。他のコンテナ内にある場合。CSSを上書きする必要があります。お気に入り：

次のようにCSSを変更します。

body #parentContainerID or class a.nolinkcolor {}

score 0 · Accepted Answer

.nolinkcolor a:link {
color:#000;
background-color:fff;
}

#キャラクターをbackground-colorに含めるようにしてください。

それを修正すると、IE9で他の問題は発生しません： JSFiddleテスト

2 に答える 2