如何覆盖暗/亮模式切换的 css？

Question

我正在努力为我的网站使用W3Scholls 暗模式切换，但发生的情况是我网站的背景没有改变。

这是我的测试网站页面，其中只有星星可以在单击切换按钮后改变它们的颜色。

如果能帮助我覆盖网站测试页的样式，我将不胜感激。

Answer 1

您需要了解 W3Scholls 示例只是一个示例。 你身体的背景没有显示，所以改变它不会显示。 例如，如果您更改了about-area div 的背景，您将看到它。 您需要详细说明要更改的每个元素中的每种样式，然后将其与dark-mode选择器连接起来。

例子：

body.dark-mode .about-area {
    background: black;
}

body.dark-mode p {
    color: white;
}