IE9链接级联顺序问题？

Question

好的我有一个非常简单的问题。在Chrome，Safari和Firefox中，一切都很完美。但在IE9中却不是。

我为几个不同的链接设置了CSS样式。

.header a：link {
颜色：#FFF;
背景色：＃F00;
}
.content a：link {
颜色：＃00F;
文字装饰：下划线;
}
.nolinkcolor a：链接{
颜色：＃000;
背景色：FFF;
}

这是使用最后一个css样式的问题.nolinkcolor它在IE9上根本不起作用所有其他浏览器它工作正常。在IE9中，它基本上忽略.nolinkcolor并使用.header

的样式

我只是想知道这是否已知问题，是否有针对它的修正？ 感谢

Answer 1

请检查<a href="#" class="nolinkcolor">Your test</a>之类的div。链接的父容器也很重要。如果它在其他容器内。你必须覆盖CSS。像：

修改CSS，如：

body #parentContainerID or class a.nolinkcolor {}

Answer 2

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

确保在背景颜色中包含#字符。

解决这个问题，我在IE9中没有看到任何其他问题： JSFiddle test