如何覆盖CSS进行暗/亮模式切换？

Question

我正在努力使用W3Scholls Dark Mode Toggle作为我的网站，但是发生的是我的网站背景没有变化。

这是我的Test Websit Page，点击切换按钮后，只有星星可以更改其颜色。

感谢您帮助我覆盖网站“测试页”的样式。

Answer 1

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

示例：

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

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