链接不是正确的颜色

我正在创建一个网站，我不确定为什么页面上的链接没有显示为悬停时的正确颜色。以下是其中一页：http://jsfiddle.net/yentup/CR9TK/链接不是正确的颜色

我担心的链接是页面内容中的链接。当盘旋时，它们应该是红色的。但是，它们保持相同的颜色。我能够使用!important强制使用正确的颜色，但我宁愿避免这种情况，因为所有其他链接也必须使用!important才能获得正确的颜色。这里是CSS是相互矛盾的一点，但你可以找到所有的CSS的链接中的整个页面上面提到的：

a:link { 
    text-decoration: none; 
    color: #787878; 
} 

a:hover { 
    color: #8B2323; 
    text-decoration: underline; 
} 

#header ul li a { 
    text-decoration: none; 
    text-transform: uppercase; 
    font-family: 'Quintessential', serif; 
    font-size: 24px; 
    font-weight: bold; 
    color: #909090; 
    border-left: 1px dotted #d0d0d0; 
    padding: 8px 14px; 
} 

#header ul li a:hover { 
    color: #D2691E; 
}

来源

2013-02-10 jackcogdill

他们在我的小提琴中变红。顶级的是橘色，中间的是栗色。 – Leeish 2013-02-10 01:00:52

和我一样，花了一点时间在CSS中寻找'重要'。你使用的是什么浏览器？ – InsomniaBass 2013-02-10 01:01:41

他们正在为我提供Chrome浏览器，您使用的是哪种浏览器？ – Mike 2013-02-10 01:01:53

的a:hover和a:visited交换的地方。

a:visited { 
    color: #787878; 
} 

a:hover { 
    color: #8B2323; 
    text-decoration: underline; 
}

应该按照预期工作。

来源

2013-02-10 01:02:24

谢谢！我想我没有看到颜色变化的原因是因为我已经去了链接。它现在工作完全正常^ _^ – jackcogdill 2013-02-10 01:03:58

这是非常愚蠢的，如果是这样的话，但是有道理的。如果您不想担心订单，您是否也可以做'a：hover，a：visited：hover'？我不喜欢编写必须以特定方式订购的CSS。 – Leeish 2013-02-10 01:04:51

@Leeish好点，我打算这么做。 – jackcogdill 2013-02-10 01:07:06

链接不是正确的颜色

回答

相关问题