自定义类不覆盖其他 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 的元素。虽然我不建议一直使用它，因为您最终可能会导致自己出现冲突的问题，但它适用于这种情况。

一定要试一试，看看它是否解决了您的问题，如果解决了，那么您有另一个类正在覆盖您的样式，或者您的类样式未正确发布在您认为的位置。