如何使用 CSS if..else 更改正文背景颜色

Question

我遇到了一个与 CSS 相关的问题。

我们如何在 CSS 中执行 if/else... 例如，我有一个名为 main.css 的 CSS 文件和两个 HTML 页面，即 a.html 和 b.html。

在 body {} 元素 (main.css) 内，背景颜色始终为 #dad4d4。 对于a.html，主体将继承此颜色属性，但对于b.html，我希望将主体背景颜色更改为#eae1e2。

怎样才能让这件事成功呢？

Answer 1

您无法解析标准 .css 文件中的函数。

但是，您想要执行的操作的解决方案：

body.a {
    background-color: red;
}

body.b {
    background-color: blue;
}

然后只需使用 或 每个相应的页面。

Answer 2

在 元素上放置 id 或 class 属性。

例如，在 a.html 上，它将是 ，在 b.html 上，它将是 <代码>。然后你可以这样做：

body#a {
    background-color: blue;
}

body#b {
    background-color: green;
}

Answer 3

你可以给你的身体上一堂课来实现这一目标。
在 a.html 中，您的正文将具有类“a”，在 b.html 中将具有类“b”。
每个类都可以有它自己的属性。

据我所知，CSS 中是否不可能有 else