css - CSS规则只影响某些元素？

Question

我正在尝试为 blender.stackexchange 创建一个自定义的时尚主题，但是这些规则只影响我在 FF 29.0.1 中的一些标签

据我所知，所有标签元素都具有相同的类/父元素/等，但只有一些受到时尚样式表的影响。

我用于测试的完整时尚主题：

@-moz-document url('https://blender.stackexchange.com/') {

.post-tag, .tags a:hover, .tags * {
    color:red !important;
}

}

悬停时所有标签都变为红色，但只有一些标签不在光标下时变为红色。为什么是这样？

这是未覆盖的标签之一的示例：

还有一个是（尽管根据检查员的说法，它不是！？）：

有趣的是，我在 SO 上尝试了这个，它按预期工作。

score 1 · Accepted Answer

已访问的锚点状态有一个现有规则，其中!important声明阻止新颜色优先。

现有款式：

a.post-tag:visited {
    color: #566e76 !important;
}

score 0 · Accepted Answer

感谢 Cryode，他指出有一个:visited带有!important颜色声明的规则。

我设法用更具体的选择器从 Stylish 覆盖了这个：

a.post-tag, div.tags > a.post-tag:visited {
    color:blue !important;
}

2 回答 2