自定义类不覆盖其他 CSS

Question

我绝不是 CSS 专家，所以我可能只是不明白这里的一些简单内容。

我有一个正在维护的网站。该网站的大部分内容都是深色背景和白色文本。我被要求将几页更改为白底黑字。

我在CSS中创建了一个名为.blog的类，它看起来像这样：

.blog{
color:rgb(0,0,0);
background-color:rgb(255,255,255);
}
.blog h1,h2,h3,h4,h5,h6
 {
color:rgb(0,0,0);
}
.blog a:link,a:visited,a:hover
{
color:rgb(0,0,0);
}   

该文件前面的内容是这样的：

body,a,.white{color:#fff;}

当我将页面的一大块包裹在文本中时，背景会发生变化，但链接和标题保持白色（因此在白色页面上不可见）。

当我使用 Firebug 检查时，它显示我的博客类正在应用，包括当我选择标题或链接元素时。当然事实并非如此。

谁能提出这个原因？或者也许我应该在哪里寻找最有可能的解决方案？

Answer 1

您必须在元素之前添加类以指定在什么情况下选择哪个项目。

因此

.blog h1,h2,h3,h4,h5,h6
 {
color:rgb(0,0,0);
}

应该

.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6 {
color:rgb(0,0,0);
 }

等等。