Css 由ID选择的链接中的文本颜色将覆盖其他ID的父链接颜色

Css 由ID选择的链接中的文本颜色将覆盖其他ID的父链接颜色,css,css-selectors,Css,Css Selectors,有点难以解释,所以这里有一些代码 所以我有了这个CSS,它使所有链接都变成橙色。它包含整个页面 #页面内容a:链接,a:访问,a:悬停,a:活动{ 颜色:#EE4036; } 然后我在pageContent id中的某个地方有一个id侧菜单元素 #侧菜单a:链接,a:访问,a:悬停,a:活动{ 颜色:#58595B; } 问题在于,出于某种原因,侧菜单的给定链接颜色会覆盖非侧菜单子级链接的页面内容链接颜色 例如,如果我有 此文本应为#EE4036 该文本应为#58595B 侧菜单的文本内

有点难以解释,所以这里有一些代码

所以我有了这个CSS,它使所有链接都变成橙色。它包含整个页面

#页面内容a:链接,a:访问,a:悬停,a:活动{
颜色:#EE4036;
}
然后我在pageContent id中的某个地方有一个id侧菜单元素

#侧菜单a:链接,a:访问,a:悬停,a:活动{
颜色:#58595B;
}
问题在于,出于某种原因,侧菜单的给定链接颜色会覆盖非侧菜单子级链接的页面内容链接颜色

例如,如果我有


此文本应为#EE4036
该文本应为#58595B
侧菜单的
文本内容将按预期设置为颜色#58595B,但页面内容也会如此,这是我所不期望的


我对CSS有点陌生,所以我觉得我错过了一些非常明显的规则,而谷歌根本帮不上忙。有人知道发生了什么吗

您需要在每个选择器前面加上ID:

#侧菜单a:链接,#侧菜单a:已访问,#侧菜单a:悬停,#侧菜单a:活动{
颜色:#58595B;
}
当前,选择器显示匹配“ID为“slideMenu”的元素的后代链接”、已访问的链接、悬停的链接和活动链接”


基本上,当您使用逗号创建一个选择器时,每个选择器都是完全独立的。它们之间没有关系。

实际上,您正在重新定义相同的规则。每次打开
#侧菜单
#页面内容
时,您都必须写下。这是:

#页面内容a:链接,#页面内容a:已访问,#页面内容a:悬停,#页面内容a:活动{
颜色:#EE4036;
}
#侧菜单a:链接,#侧菜单a:已访问,#侧菜单a:悬停,#侧菜单a:活动{
颜色:#58595B;
}

瞧。希望能有所帮助。

@gilly3-感谢您的语法突出显示编辑。我希望它能更好地自动识别CSS。太棒了,谢谢。我知道这很简单!我会尽快选择你的答案,因为某种原因,它告诉我我需要等待7分钟。@James Allardice:@Michael-你只需要把它放在你代码上方的行中:
。如果不同语言不能被自动识别,这将适用于不同的语言。有关更多信息,请参阅@迈克尔-你没有做错什么。SO的语法突出显示通常能很好地识别代码语言并应用适当的突出显示。但是,我从未见过它自己识别CSS代码。因此,您可以使用注释手动指示语言,如
。看这里:了解更多细节。这确实有帮助,但不幸的是,另一个人在你之前回答了。给了你一票。