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

等等。

Answer 2

您可以随时尝试将!important添加到班级的末尾。

例如：

background-color:rgb(255,255,255) !important;

这将覆盖任何过度样式化博客类background-color的元素。虽然我不建议一直使用这个，因为你最终可能会导致自己出现相互矛盾的问题，但是就像这样的情况一样。

绝对试一试，看看它是否解决了你的问题，如果确实如此，那么你有另一个类覆盖你的造型，或者你的类样式没有正确发布到你认为的位置。