css - :visited links not following CSS rules

Question

这个问题困扰我很久了。出于某种原因，我的链接的 CSS 规则无法正常工作。据我所知，当使用 Chrome 的 Inspect Element 工具或 FireBug 时，链接的样式似乎正确，但显示不正确。我已经添加了单独的类来制作不同样式的链接，甚至尝试将 a:visited 分开，这解决了每个类的基本问题，但正常的 a 标签仍然以错误的颜色显示已访问的链接。我的链接的 CSS 在下面。

    a:link, a:hover, a:active
    {
        text-decoration: none;
        color: #FF8C00;
        background-color: transparent;
    }
    a:visited
    {
        text-decoration: none;
        color: #FF8C00;
        background-color: transparent !important;
    }
    a.search:link, a.search:visited, a.search:hover, a.search:active
    {
        font-family: helvetica-light;
        font-size: 19px;
        color: #999;
        text-decoration: none;
        background-color: transparent;
    }
    a.nav:link, a.nav:visited,  a.nav:active, a.nav:hover
    {
        text-decoration: none;
        color: #E3E3E3;
        font-family: helvetica-light;
        font-size: 20px;
        background-color: transparent;
    }

出于某种原因，即使 a:link/etc 具有“颜色:#FF8C00”，但在访问时它们显示为黑色或深灰色。事件、链接和悬停均正常工作。所有 HTML 都写成 <a href="url">stuff</a>

Answer 1

你试过改变吗；

color: #999;

进入；

color: #999 !important;

这将告诉 CSS 解析器将 #FF8C00 颜色覆盖为 #999。
更改 CSS block 的顺序也可以获得预期的结果。

有时获得您想要的外观可能需要反复试验。 :)