设置css变量 - :root{}、var()

作者: 混吃等死小前端 | 来源:发表于2020-03-30 15:11 被阅读0次

非IE浏览器及ie9+支持

:root是一个伪类，表示文档根元素。在:root中声明相当于全局属性。

:root {
  --success-color: #2ecc71;
  --error-color: #e74c3c;
}

.success {
  color: var(--success-color);
}

设置css变量 - :root{}、var()
非IE浏览器及ie9+支持 :root是一个伪类，表示文档根元素。在:root中声明相当于全局属性。
03 CSS Variables
效果 Demo Github 知识点 :root CSS变量：var(--xxx) CSS滤镜：filter 事...
JavaScript01
CSS变量用法: --变量名引用变量var(--变量名)变量只能用作属性值，不能用作属性名.:root 伪类 ...
利用 css 的 var() 设置全局颜色变量并进行更改（不兼容
利用 :root 和 css var() 进行全局颜色变亮设置，并且可以使用 js 进行颜色更改在index.ht...
小程序中使用全局样式
css 自定义属性 1.语法 --*来声明变量名 var(--*)来使用变量 css 自定义属性使用中，var()...
如何用纯css给网页实现夜间模式(译)
1、css变量可以使用css变量，然后使用var()方法使用变量 var方法支持第二个参数作为回调我们还可以嵌...
动态控制伪类样式
React 传入变量1: ‘–color’ React 传入变量2: ‘–colorArr’ css 使用var(...
css变量使用var
CSS变量(CSS Variables/Custom Properties) （1）变量属性的定义在一个类选择器下...
css变量的用法
css3提供了变量var（）可以很方便的进行样式的切换以及复用，使用方法var(变量名)，声明变量：--变量名：变...
:root css变量教程
转载：http://www.ruanyifeng.com/blog/2017/05/css-variables.h...

网友评论

本文标题：设置css变量 - :root{}、var()

本文链接：https://www.haomeiwen.com/subject/hzdvuhtx.html

设置css变量 - :root{}、var()