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

时间:2019-05-12 05:33:49

标签: javascript html css

我为网站制作了一个深色主题,它的工作原理是单击按钮时,javascript代码会自动将DARK类添加到body标签中。如何使主体具有H1类的DARK标签为白色,而DARK上没有body类的情况为灰色标签?

2 个答案:

答案 0 :(得分:0)

创建2个样式表,其中1个为默认样式,另一个为深色。然后查看Switching between multiple CSS files using Javascript,以快速更改样式表。 您还需要将选择的用户存储在cookie中,然后检索值并使用相同的代码来更改样式表(否则,用户需要为他们访问的每个页面选择选项)。

答案 1 :(得分:0)

即使您的问题措辞不佳,我想我也理解您正在尝试做的事情。

如果我的理解正确,如果您想在H1标签上添加一个BODY类,那么您的dark标签应为白色,而如果没有{{ 1}}类。

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

在CSS文件(如果使用单独的样式表文件)或dark标签中,添加style样式,如下所示:

body > h1

网站加载后,上述样式会将默认的body > h1{ color: gray; } 标签颜色更改为灰色。要在您以编程方式向网站的body标签中添加H1类时使脚趾颜色自动变化,请添加以下样式(最好紧接在上述样式的下方):

dark

如果body.dark > h1{ color: white; } 标签上有暗类,则上述样式会将H1标签的颜色更改为白色。

总而言之,您的网站样式应类似于以下内容,以实现您的特定要求:

BODY

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