colors - IE9 链接级联顺序有问题？

Question

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

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

.header a:link {
颜色:#fff;
背景颜色：#f00;
}
.content a:link {
颜色:#00f;
文字装饰：下划线；
}
.nolinkcolor a:link {
颜色:#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;
}

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

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

2 回答 2