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

2次阅读

共计 327 个字符,预计需要花费 1 分钟才能阅读完成。

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. 把设置保留到本地,退出利用再进来时,仍然加载上次设置的皮肤

正文完
 0