html - 自定义类不覆盖其他 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);
 }

等等。