css - 如何改变整个元素的风格

Question

当用户选中一个复选框时，整个元素的颜色都会改变。所以所有的 div，文本，...颜色都会改变。我怎样才能做到这一点？我知道我需要一项服务，但我必须为每个元素添加一个类吗？或者有更好的方法吗？

Answer 1

在 html 页面的正文中添加一个 .day-theme 类。然后将所有日期颜色定义为日期主题的内部:

.day-theme div.something {
    color: white;
}

然后以同样的方式定义夜间主题颜色:

.night-theme div.something {
    color: black;
}

然后要从白天切换到夜晚，在复选框单击处理程序上从正文中删除类 .day-theme，并添加类 night-theme。这会将白天的颜色切换为夜晚。