-
CSS变量就是css的自定义属性。
-
每个自定义属性名称使用--开头，后跟属性名。
-
每个自定义属性都含一个值。
-
自定义属性可以在css文档中反复调用。
var() 函数用于插入 CSS 变量的值。
root:根
CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。
使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。
语法：
var(name:value)
值:
name 必需。变量名（以两条破折号开头）。
value 可选。回退值（在未找到变量时使用）。
注释：变量名称必须以两个破折号（--）开头，且区分大小写！
调用css变量:
语法：
var(自定义属性名称)
变量定义位置：
- 定义在哪里，就可以在哪里调用。
- 通常定义在伪类选择器：root里。
root根伪类元素选择器。目的：创建全局变量。
：冒号是伪类选择器的标签。
primary：主要的
rem：根
min：最小
网友评论