前置知识 在这里了解实现网页主题切换的相关知识. CSS 变量 要实现主题切换需要了解一点 css 自定义属性.当然,本文还提供了其他实现方式,为了不给您接下来的阅读带来阻碍,先了解它. 变量的声明 声明变量时,变量名前要加上 --,例如 --example: 20px 即是一个 css 声明语句.意思是将 20px 赋值给 --example 变量.所以 css 变量又叫做 css 自定义属性.在 css 的任何选择器中都可以声明 css 变量,通常将所有 css 变量声明在 :root 选择