• CSS变量就是css的自定义属性。

• 每个自定义属性名称使用--开头，后跟属性名。

• 每个自定义属性都含一个值。

• 自定义属性可以在css文档中反复调用。

var() 函数用于插入 CSS 变量的值。

root:根
CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。

使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。
语法：

var(name:value)

值:
name 必需。变量名（以两条破折号开头）。
value 可选。回退值（在未找到变量时使用）。

注释：变量名称必须以两个破折号（--）开头，且区分大小写！

调用css变量:

语法：

var(自定义属性名称)

变量定义位置：

• 定义在哪里，就可以在哪里调用。
• 通常定义在伪类选择器：root里。
  root根伪类元素选择器。目的：创建全局变量。

：冒号是伪类选择器的标签。

primary：主要的
rem：根
min：最小