链接不是正确的颜色

Question

我正在创建一个网站，我不确定为什么页面上的链接在悬停时没有显示为正确的颜色。以下是其中一个页面：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;
}

Answer 1

交换a:hover和a:visited。

的地方

a:visited {
    color: #787878;
}

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

应该按预期工作。