CSS var函数：变量名与默认值

CSS var函数有两个参数：第一个参数是变量名，第二个参数是默认值。如果变量名对应的值不存在，则会使用默认值。例如：

:root {
  --main-color: red;
}

.my-element {
  color: var(--main-color, blue);
}

如果 'main-color' 存在，则 '.my-element' 的颜色将是红色。如果 'main-color' 不存在，则 '.my-element' 的颜色将是蓝色。