如何将css-next变量分配给另一个变量？

Question

有人可以确认我的想法吗？

在我的.css文件中，我有：

--pink-1000: #5A003C;

--old-pink: var(--pink-1000);

--old-pink是否将#5A003C作为值？

我正在使用：

"postcss-cssnext": "~3.0.2",

谢谢

Answer 1

这真的很容易测试自己：

:root {
  --pink-1000: #5A003C;
  --old-pink: var(--pink-1000);
}

p {
  color: var(--old-pink)
}

<p>Test</p>

如果您易于回答问题，通常最好先看一下MDN或CSS规范。您会在那儿更快地找到答案，而StackOverflow则要求您至少自己尝试解决方案。请注意，下次再说：）

自定义属性（“ css变量”）的链接：

• MDN：https://developer.mozilla.org/en-US/docs/Web/CSS/-- *

• 规范：https://www.w3.org/TR/css-variables-1/