CSS 不会改变链接颜色。不知道为什么

Question

我的 CSS 具有以下用于整个网站链接的代码:

#mainpanecontent A:link {
    FONT-WEIGHT: bold; COLOR: #6a0a0a; TEXT-DECORATION: none
}

我想使用下面的代码将也是链接的标题更改为不同的颜色，但它不强制执行。我的代码位于使用“mainpanecontent”的 div 中:

头部代码

.contact
 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
padding-left: 50px;
background-position: 25px 14px;
padding-top: 13px;


}

.contact a:link, .contact a:visited
{

color: #1F507F;

}


.contact a:hover
{

color: #1F507F;


}
.contact a:active
{

color: #1F507F;


}

Answer 1

#mainpanecontent A:link比你的任何.contact a:something都具有更高的特异性秒。解决这个问题的最好方法可能是给你的标题一个 ID 并使用它。如果你不能，它只在 #maincontent , #maincontent就足够了，即使它并不完全合适。 (视情况而定。)

#mainpanecontent .contact a:link {
    color: #1f507f;
}

此外，只需删除 :link ，特别是如果您要为所有这些指定相同的东西。 (这里唯一需要考虑的是 <a name>，现在已经不用了。)