Блог

Главная - Вопросы по программированию - Как присвоить переменной css-next другую?

Как присвоить переменной css-next другую?

#css #postcss #cssnext

#css #postcss #cssnext

Вопрос:

Может ли кто-нибудь подтвердить мне, работает ли это :

в моем .css файле у меня есть:

 --pink-1000: #5A003C;

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

Будет --old-pink иметь #5A003C значение?

Я использую :

 "postcss-cssnext": "~3.0.2",

Спасибо

Комментарии:

1. Вы пробовали это? Это кажется простой вещью для тестирования.

2. Я голосую за то, чтобы закрыть этот вопрос как не относящийся к теме, потому что if OP может легко проверить, что они спрашивают.

3. Виноват, я забыл, что могу попробовать в песочнице x) Пожалуйста, не будь грубым, уже почти конец недели, моему мозгу нужен отдых 😉

4. Я не хочу показаться грубым, просто вы могли бы легко протестировать это перед публикацией в Stack Overflow.

Ответ №1:

Это действительно легко проверить самостоятельно:

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

p {
  color: var(--old-pink)
}  
 <p>Test</p>

Если у вас есть простые ответы на вопросы, часто лучше сначала взглянуть на MDN или спецификацию CSS. Там вы быстрее найдете ответы, а StackOverflow требует, чтобы вы, по крайней мере, попытались придумать решение самостоятельно. Просто чтобы вы знали в следующий раз 🙂

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