IE9 链接级联顺序有问题？答案

【问题标题】：IE9 Problems with link Cascading order?IE9 链接级联顺序有问题？
【发布时间】：2012-12-04 16:40:51
【问题描述】：

好的，我有一个非常简单的问题。在 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 的样式

我只是想知道这是否是已知问题以及是否有修复的调整？？？谢谢

【问题讨论】：

是.nolinkcolor 在.header 容器内无法正常工作吗？此外，如果您有一个不想有颜色的锚，最好将类添加到锚本身。 <a href="" class="nolinkcolor">...</a>。然后它会在你的 CSS 中是 a.nolinkcolor {}。
你应该把它发到 ....browseryoulovedtohate.com 并让微软知道人们为什么讨厌 IE。

【解决方案1】：

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

修改 CSS 如下：

body #parentContainerID or class a.nolinkcolor {}

【讨论】：

因此，当我希望它使用 .nolinkcolor a:link 时，我的 css 采用了 .header a:link 的样式，我尝试使用 !important 并且它再次适用于除 IE9 之外的所有浏览器。我尝试将其设置为跨度、div、id 等......并且所有浏览器都可以工作，除了 IE9。那么，如果我希望它像您所说的那样覆盖父级，我将如何编写 css，.header a:link，我将如何编写 css 以使 .nolinkcolor a:link 覆盖它？
谢谢我回答我很愚蠢，这与我检查过的浏览器没有刷新有关。

【解决方案2】：

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

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

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

【讨论】：