如何将 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 规范。你会在那里更快地找到答案，而 Whosebug 要求你至少尝试自己想出一个解决方案。下次你就知道了:)

自定义属性的链接（"css variables"）：

How to assigned a css-next variable into another one?