更改不同html站点CSS中的文本颜色？

Question

我是新的CSS和有一个问题，我的当前项目。我相信有一个简单的解决办法，如果能找到一些解决问题的办法，那就太好了。

我通过使用CSS设计了一个顶部导航的网站。导航中的不同站点具有相同的结构，由CSS代码集中“引导”。唯一的区别是我通过body类更改的每个站点的背景图像：

 body.Site1 {
    background-image: url(Picturewithdarkbackground.jpg);
 }
 body.Site2 {
    background-image: url(Picturewithwhitebackground.jpg);
 }

问题:一个特定的html站点(背景黑暗)的标题中的导航文本颜色很难被看到，因为黑色文本。我的意图是将导航中的黑色文本颜色仅针对这个特定的Html站点更改为白色文本颜色。

我试图更改标题颜色，但它不起作用，它应该只对黑色背景(Site1)的站点进行更改，见下面的->。

body.header.Site1 {
  color: white;
}

header.Site1 {
  color: white;
}

如何为特定的html站点更改导航头中的文本颜色？

有什么简单的想法吗？

谢谢支持！

Answer 1

您似乎在主体中添加了"Site1 / Site2“类。因此，要更改特定站点的标题颜色，您的CSS必须如下所示：

body.Site1 header {
    color: white;
}

还有，.header还是标头？是类还是标签？

Answer 2

您的订单混淆在您的css中。Site1应该位于头部之前和主体后面。

将其修改为body.Site1标题{color:white；}(在Site1和标头之间留下空白，因为标头是独立标记，而不是属于Site1的类)。那就应该管用了。

祝好运!

附注：一个脚注，如果你可以避免使用图片作为背景(也就是说，如果它只是一个普通的深色，而不是图像)，那么你最好找出该颜色是什么，并使用适当的十六进制代码。这样可以节省装载时间。只是小费而已！