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

Question

有人可以确认我是否可行：

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

--pink-1000: #5A003C;

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

会有as 值吗--old-pink？#5A003C

我在用着 ：

"postcss-cssnext": "~3.0.2",

谢谢

标签： csspostcsscssnext

Answer 1

这真的很容易测试自己：

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

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

<p>Test</p>

如果您有容易回答的问题，通常最好先查看 MDN 或 CSS Spec。你会在那里更快地找到答案，而 StackOverflow 要求你至少尝试自己想出一个解决方案。只是让你下次知道:)

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

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

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