1

Как применить один цвет на две дивы через css? Можно сделать так?
Например

color: #000;

div1 {
    color: color;
}
div2 {
    background: color;
}

2 ответа 2

2

Непосредственно через CSS не получится. Только через препроцессоры вроде less, sass, stylus

На этот счет есть неплохая статья

3
  • Ммм а есть другой вариант, если знаете пожалуйста скажите. А как можно сделать через less, sass, stylus или можно через javascript? Как можно гуглить? 13 сен 2015 в 5:54
  • У всех перечисленных есть возможность собирать стили прямо в браузере. Другое дело, что это не всегда необходимо. Мне кажется, что стили стОит собирать на стороне сервера, минимизировать, упаковывать и кешировать, потом отдавать клиенту готовый .css файл 13 сен 2015 в 6:15
  • Ну вы прав я просто хотел сделать такой сайт и изменить цвет через css 13 сен 2015 в 6:21
2

На данный момент поддержка переменных в CSS есть только в FireFox http://caniuse.com/#feat=css-variables

Пример

:root {
    --color-alert: #ff0000;
}
.div1 {
      color: var(--color-alert);
}
.div2 {
      background-color: var(--color-alert);
}

Тест http://jsfiddle.net/fv3ca2m7/

2
  • Спасибо но это по-моему не удобно 13 сен 2015 в 6:22
  • Не знал. Плюсую. Осталось дождаться когда это станет более распространенной практикой. 13 сен 2015 в 6:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.