Question

这是我已经有很长一段时间了的问题。出于某种原因，我的链接的CSS规则无法正常工作。据我所知，当使用Chrome的Inspect Element工具或FireBug时，链接看起来样式正确，但显示不正确。我添加了单独的类来制作单独的链接样式，甚至尝试分离a：visited，这解决了每个类的基本问题，但正常的标记仍然显示访问链接的错误颜色。我的链接的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有“color：＃FF8C00”，它们在访问时会显示为黑色或深灰色。活动，链接和悬停都能正常工作。所有HTML都写为<a href="url">stuff</a>

Answer 1

你有没有尝试过改变;

color: #999;

向;

color: #999 !important;

这将告诉CSS解析器将＃FF8C00颜色覆盖为＃999 更改CSS块的顺序也可以为您提供预期的结果。

有时候获得你想要的外观可能需要一些试验和错误。：）

Answer 2

你可以尝试一些事情

清除浏览器缓存
确保没有其他css文件被调用
转到w3c html验证网站

Answer 3

我终于找到了解决自己问题的方法。我最初从我正在处理的旧项目中复制了我的CSS元素。不知何故，“a：visted”声明最终内联了ID声明并没有破坏CSS，但导致链接显示不正确。

a：访问过不遵循CSS规则的链接

3 个答案: