是否可以在CSS的类中设置一个类？

Question

我为网站制作了一个深色主题，它的工作原理是单击按钮时，JavaScript代码会自动将一个DARK类添加到body标记中。如何使H1主体具有DARK类别时标签变为白色，而在没有DARK类别时body标签变为灰色？

Answer 1

即使您的问题措辞不佳，我想我也知道您正在尝试做的事情。

如果我理解正确，那么您希望H1标签中添加了BODY一个dark类，标签为白色，如果没有dark类，则为灰色。

使用CSS可以很容易地做到这一点，因此，我仅举一个示例来帮助您理解这一点。

在CSS文件（如果使用单独的样式表文件）或style标签中，添加如下body > h1样式：

body > h1{

  color: gray;

}

H1当网站加载时，上述样式会将默认标签颜色更改为灰色。若要在您以编程方式将一个dark类添加到网站的body标签时自动更改脚趾的颜色，请添加以下样式（最好紧接在上述样式的下方）：

body.dark > h1{

  color: white;

}

H1如果标签上有暗色类别，则上面的样式会将标签颜色更改为白色BODY。

总之，您的网站样式应类似于以下内容，以实现您的特定要求：

body > h1{

  color: gray;

}

body.dark > h1{

  color: white;

}

您应该对CSS进行更多研究，因为使用CSS确实不难实现。

Answer 2

创建2个样式表，其中1个是默认样式表，另一个是深色样式表。然后查看使用Javascript在多个CSS文件之间切换以动态更改样式表。您还需要将选择的用户存储在cookie中，然后检索值并使用相同的代码来更改样式表（否则，用户需要为他们访问的每个页面选择选项）。