Question

假设我有5个网页，并且在每个网页上我希望背景颜色不同。我只使用1个css文件。每个网页的访问方式如下：domain.com/page1

我只是简单地使用5种不同的CSS文件，只是更改正文中的背景颜色，还是有更简单的方法来实现这一目标？

Answer 1

在每个网站上为class添加不同的<body>，然后使用该类获取正确的背景颜色。

当然，您不必多次编码，这对所有网站都是通用的。

Answer 2

例如：

On＆＃34; page1＆＃34;：

<body id="page1">

On＆＃34; page2＆＃34;：

<body id="page2">

你的CSS：

body#page1 {
    background: red;
}

body#page2 {
    background: blue;
}

Answer 3

如果所有页面都使用相同的css文件，则相同的背景将用于所有...

一种简单的方法就是否决身体中现有的背景颜色。所以，如果您喜欢包含以下内容的css文件：

body
{
   background-color: aqua;
}

然后低于它（在实现css文件之后）并且在页面上你需要有一个新的颜色，你可以用下面的方法推翻它：

<style type="test/css">
body
{
    background-color: blue;
}
</style>

Answer 4

如何将简单的内联样式添加到每个页面的body标签中？

Page 01

    <body style="background-color:#111;">

Page 02

    <body style="background-color:#222;">

Page 03

    <body style="background-color:#333;">

请记住，在设计方面，这种提议的配色方案的变化往往是一个坏主意。你的想法背后可能有一些功能是有意义的，但除此之外我会建议极简主义和整个设计过程中的一致性。