切换暗模式的最佳方式（切换类与新 CSS 文件与其他方式）

【问题标题】：Best way to toggle Dark Mode (Switch class vs. New CSS File vs. Other ways)切换暗模式的最佳方式（切换类与新 CSS 文件与其他方式）
【发布时间】：2022-08-20 12:12:54
【问题描述】：

目前我正在使用类切换来打开或关闭暗模式。我发布了一个关于使用类切换技术的问题，得到了 1 个答案 (Adding class to \"html\" vs. on \"body\" element for Toggling dark mode)，从那以后就再也没有收到过这个人的消息。现在我想知道这些方法中哪个更好？

回答的人说我不应该转课。我想知道为什么，也许可以学习更好的技术来实现这一点。

与使用单独的样式表相比，如果我要使用类切换技术，我会面临任何浏览器不兼容问题吗？

标签： html css darkmode

【解决方案1】：

我读了你的另一个问题：Adding class to "html" vs. on "body" element for Toggling dark mode

我认为您的两个问题的答案都可以在 HTML 规范文档的某处找到，例如：HTML Living Standard 或 HTML5

我认为可以将一个类添加到html 元素中，但它可能没有任何效果。类应附加到body 元素或body 的子元素。 html 是 body 的父类。

因此，向body 添加类是可行的方法。

【讨论】：