2

我绝不是 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 进行检查时，它会显示我的博客类正在被应用，包括当我选择标题或链接元素时。然而当然不是。

任何人都可以提出一个理由吗？或者也许我应该在哪里寻找最可能的解决方案？

4

2 回答 2

4

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

因此

.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);
 }

等等。

于 2013-10-04T21:15:17.560 回答
-3

您可以随时尝试添加!important到课程的末尾。

例如：

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

例如，这将覆盖任何过度样式background-color化您的博客类的元素。虽然我不建议一直使用它，因为你最终可能会导致自己出现冲突的问题，但它适用于这样的情况。

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

于 2013-10-04T21:14:03.577 回答