后备vars vaule插入支架

Question

我在项目中使用具有后备值的css vars作为其他称为defaults的变量。

在var括号中看到的chrome dev工具中。

这是开发人员工具的屏幕截图：https://prnt.sc/m0n0xh

:root{
--hf-style: normal;
--hf-variant: bold;
--hf-size: 19px;
--hf-family: Titillium Web;

--header-font: var(--hf-style, var(--def-hf-style)) var(--hf-variant, var(--def-hf-variant)) var(--hf-size, var(--def-hf-size)) var(--hf-family, var(--def-hf-family));

--def-hf-style: normal;
--def-hf-variant: bold;
--def-hf-size: 18px;
--def-hf-family: Titillium Web;
--def-hf: normal var(--def-font-variant) var(--def-font-size);
}

一切正常，但我想知道它是否正确，将来不会导致错误