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

我的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;


}

#mainpanecontent A:link

比您的任何

都具有更高的特异性。请联系A:something

s。解决这个问题的最好方法可能是给你的头一个ID并使用它。如果您不能，而且只有在

#maincontent

中才能使用，

#maincontent

就足够了，即使它并不完全合适。（视情况而定。）

#mainpanecontent.联系a:link{
颜色：#1f507f；
}

此外，只需删除

：链接

，特别是如果您要为所有这些链接指定相同的内容。（唯一的考虑因素，

，现在没有被使用。）

#mainpanecontent A:link

比您的任何

都具有更高的特异性。联系A:something

s。解决这个问题的最好方法可能是给你的头一个ID并使用它。如果您不能，而且只有在

#maincontent

中才能使用，

#maincontent

就足够了，即使它并不完全合适。（视情况而定。）

#mainpanecontent.联系a:link{
颜色：#1f507f；
}

---

此外，只需删除

：链接

，特别是如果您要为所有这些链接指定相同的内容。（这里唯一需要考虑的是，

，现在没有使用。）

CSS有一个优先系统来处理标记：：给出的内容

下面是一个简单的代码重写，应该可以工作：）

列表中较高的内容应覆盖相同类型列表中较低的内容

---

CSS有一个优先级系统来处理标签：：给出的内容

下面是一个简单的代码重写，应该可以工作：）

列表中较高的内容应覆盖相同类型列表中较低的内容

---

CSS规则有时由于前一个规则的显式性而不强制执行，在上面列出的规则中，它引用的ID比类更显式

当然，另一个问题是，您的“覆盖”是在其他规则之前定义的，因此它们被覆盖

在第一种情况下，您可以使用

！重要信息

强制覆盖规则

e、 g

---

注意：我删除了其他规则，因为在每种情况下，您只将链接颜色设置为相同的颜色，因此无需使用相同的常量定义伪类

：hover

，

：active

等。

CSS规则有时不强制执行，因为前面的规则非常明确，在上面列出的规则中，它引用的ID比类更显式

当然，另一个问题是，您的“覆盖”是在其他规则之前定义的，因此它们被覆盖

在第一种情况下，您可以使用

！重要信息

强制覆盖规则

e、 g

---

注意：我删除了其他规则，因为在每种情况下只将链接颜色设置为相同的颜色，因此不需要使用相同的常量定义伪类

：hover

，

：active

等。

Wow。我没有想过要这么做，谢谢你的解释。这成功了，哇。我没有想过要这么做，谢谢你的解释。这很有效。谢谢你花时间帮忙！谢谢你花时间帮忙！请不要使用

！重要信息

。它只在一个层面上起作用，总是以悲伤告终。请不要使用

！重要信息

。它只在一个层面上起作用，总是以悲伤告终。

.contact a:active
{

color: #1F507F;


}
.contact a:hover
{

color: #1F507F;


}

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

color: #1F507F;

}


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


}

.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 {
  color: #1F507F !important;
}