我为网站制作了一个深色主题,它的工作原理是单击按钮时,javascript代码会自动将DARK
类添加到body
标签中。如何使主体具有H1
类的DARK
标签为白色,而DARK
上没有body
类的情况为灰色标签?
答案 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确实不难实现。