Question

:root {
    --foo: #fff;
    --bar: --foo;
}

一个用例是-我允许设置原色并在其他变量中重复使用。

我似乎找不到任何相关信息，我开始认为不可能。

Answer 1

就是这样

:root {
    --foo: #fff;
    --bar: var(--foo);
}

您还可以遇到更复杂的情况：

:root {
    --foo: #fff;
    --bar:3px solid var(--foo); /* Define a border using the --foo color*/
}

但是您应该注意到，在大多数情况下，这样的事情是无用的，因为您正在使用另一变量来评估:root中的变量。如果以后更改主变量，将不会发生任何事情。