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