CSS中自定义属性函数var()

属性函数var（）

• 语法
• 栗子

语法

var( <自定义属性名> [, <备用值> ]? )

栗子

color: var(--color-danger, #ff4949)

1. 第一个参数 --color-danger
   • 必须以 -- 开头，表示CSS变量名。
   • 运行时浏览器会沿着继承链向上查找这个变更，直到 :root 或局部作用哉。
2. 第二个参数 #ff4949 （可选）
   • 当变量未定义 、无效 或继承不到 时，自动使用这个备用值。
   • 如果省略备用值，而变量又找不到，则对应的CSS属性会变成无效值，可能被浏览器忽略。