0

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

1 回答 1

3

交换a:hover和的位置a:visited

a:visited {
    color: #787878;
}

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

应该按预期工作。

于 2013-02-10T01:02:24.597 回答