Может ли кто-нибудь подтвердить меня, если это работает:
в моем файле .css у меня есть:
--pink-1000: #5A003C;
--old-pink: var(--pink-1000);
Будет ли --old-pink иметь значение #5A003C?
Я использую :
"postcss-cssnext": "~3.0.2",
Спасибо
🤔 А знаете ли вы, что...
С CSS можно настраивать стили элементов в зависимости от их состояния, такого как :hover или :focus.
Проверить себя очень просто:
:root {
--pink-1000: #5A003C;
--old-pink: var(--pink-1000);
}
p {
color: var(--old-pink)
}<p>Test</p>Если у вас есть вопросы, на которые легко ответить, часто лучше сначала взглянуть на MDN или спецификацию CSS. Там вы быстрее найдете ответы, и StackOverflow требует, чтобы вы хотя бы попытались найти решение самостоятельно. Просто чтобы знать в следующий раз :)
Ссылки на пользовательские свойства ("переменные css"):
Спецификация: https://www.w3.org/TR/css-переменные-1/