CSS 变量不适用于自定义属性回退值

Question

我在 :root 中声明了一个自定义属性，如下所示，但我的颜色不适合我。我哪里错了？

:root {
    --color-primary: var(--color-primary, #ffc107);
}
body {
    background-color: var(--color-primary); // background color not work
}

Answer 1

声明 css 变量应该是这样的：

:root {
    --color-primary: #ffc107;
}
body {
    background-color: var(--color-primary);
}