Html 为什么我的CSS锚样式被覆盖？

我正试图改变主题。该页面有一个基本结构，如下所示：

对于不同类型的链接，有一些预定义的类，例如：

a, a:link, a:active {
    color: #ffffff;
    text-decoration: none;
}
a:hover {
    color: #D9671E;
    text-decoration: underline;
}

a.externallink {
    background-image: url(Images/ExternalLink.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 14px;
}
a.internallink {
}

/* Link to a .aspx page */
a.systemlink {
}

/* Link to a Wiki page */
a.pagelink {
}

我需要根据链接所在的容器更改这些链接的颜色。原因是我的头球是深蓝色的，我的边栏是白色的

我试过这个：

/* Make header links white because of dark background */
#HeaderDiv a.pagelink, a.systemlink, a.externallink {
    color: white;
}

#SidebarDiv a.pagelink, a.systemlink, a.externallink {
    color: darkblue;
}

但是，

#SideBarDiv

颜色会覆盖

#HeaderDiv

链接。

SideBarDiv

容器不是

HeaderDiv

的子容器

容器中的链接只是根据它们的功能设置类，即：

<a href=".." class="systemlink">Logon</a>
<a href=".." class="pagelink">Some wiki article</a>

---

我错过了什么？请记住，在CSS方面，我是一名完全的新手。

您需要使用各自的

div

ID选择器对所有

a

选择器进行鉴定：

#HeaderDiv a.pagelink, #HeaderDiv a.systemlink, #HeaderDiv a.externallink {
    color: white;
}

#SidebarDiv a.pagelink, #SidebarDiv a.systemlink, #SidebarDiv a.externallink {
    color: darkblue;
}

---

否则，第二个规则集的最后两部分将覆盖页面中所有

a.systemlink

和

a.externallink

元素的样式。

您是一个明星！！该死的，又一个该死的计时器，让我在11分钟内不把这个作为正确答案。