关于css:换肤功能css文件中准备三套颜色

1.知识点

1.document.documentElement
// 获取html的办法(document.documentElement)
// document.documentElement是专门获取html这个标签的
document.documentElement.setAttribute('data-skin', key)

效果图:key=‘white’时~~~~

2. :root 选择器

定义和用法:
:root 选择器匹配文档根元素。
在 HTML 中,根元素始终是 html 元素。

2.应用

1.剖析性能点

a.点击按钮,切换一套css(这个性能很简略)
b.把皮肤设置保留到全局变量,在拜访其它页面时也能有成果
c.把设置保留到本地,退出利用再进来时,仍然加载上次设置的皮肤

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理