HTML/CSS:<a>标签CSS规则w /伪类渲染不一致

Question

我最近遇到了一个问题,我的网页设计项目一直微不足道,几次没有穿过我的手指,但它只是太烦人了.

假设我有一个包含以下规则的样式表:

a {
    outline: 0;
    text-decoration: underline;
}

a:link {
    color: #0099FF;
}

a:visited {
    color: #0099FF;
}

a:hover {
    color: #FFFF00;
}

a:active {
    color: #33FF66;
}

我的文档中的链接有时只会有正确的颜色,但有时它们只是默认的蓝色 - >紫色链接.我在黑色背景上,所以这些看起来很糟糕.

如果我刷新页面,大约一半时间它们将正确呈现.这在Firefox和Chrome中都会发生.

这是怎么回事？

Answer 1

听起来很奇怪。

首先，我会color在你的底座上放一个a以匹配你的a:link和a:visited：

a {
    outline: 0;
    text-decoration: underline;
    color: #0099FF;
}

这应该适用于它找到的每个锚标记。如果您的锚标记没有 href，则不a:link适用。