javascript - 如何覆盖深色/浅色模式切换的 CSS？

Question

我正在努力使用W3Scholls Dark Mode Toggle对于我的网站，但发生的情况是我网站的背景没有改变。

这是我的Test Websit Page其中只有星星可以在单击切换按钮后改变颜色。

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

Answer 1

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

示例:

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

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