Как назначить переменную 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 Spec. Там вы найдете ответы быстрее, и StackOverflow требует, чтобы вы хотя бы попытались найти решение самостоятельно. Просто чтобы вы знали в следующий раз :) 1009 *

Ссылки для пользовательских свойств ("переменные css"):

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

• Спецификация: https://www.w3.org/TR/css-variables-1/