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

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


繁花如伊
浏览 246回答 2
2回答

慕哥9229398

即使您的问题措辞不佳,我想我也知道您正在尝试做的事情。如果我理解正确,那么您希望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确实不难实现。

牧羊人nacy

创建2个样式表,其中1个是默认样式表,另一个是深色样式表。然后查看使用Javascript在多个CSS文件之间切换以动态更改样式表。您还需要将选择的用户存储在cookie中,然后检索值并使用相同的代码来更改样式表(否则,用户需要为他们访问的每个页面选择选项)。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript