css 实现黑夜白天主题

最后发布时间:2025-01-26 22:40:15 浏览量:
<style>
[data-theme=light] .main{
  background:red;
}
[data-theme=dark] .main{
  background:blue;
}
</style>

<div data-theme="light"><span class="main">light</span></div>
<div data-theme="dark"><span class="main">dark</span></div>

效果如下:

light
dark
快捷入口
javascript 思维导图 浏览PDF 下载PDF
分享到:
标签