Являются ли переменные полезными или избыточными в CSS?

Question

Я видел много способов добавления переменных в CSS (например, SASS и LESS).

Каковы преимущества и недостатки перехода от этого:это:

@default: blue;

#div-one {
   color: @default;
}

#div-two {
   color: @default;
}

Answer 1

Использование таких переменных в CSS, безусловно, делает код более читабельным и понятным.Кроме того, это хороший пример принципа DRY .Хотя в этом случае объединение двух в одно может быть лучше (при условии, что @default используется более одного раза).

@default: blue;
#div-one, #div-two {
    color: @default;
}

Answer 2

AFAIK, переменные CSS не являются частью стандарта.Это особенность запросаЯ где-то читал, что последние версии WebKit могут это понимать.

Но вкратце, не используйте это.Даже если это довольно круто, так как вы можете определить глобальные значения, большинство используемых в настоящее время браузеров этого не поймут.

Я не знаю, что такое SASS или LESS, но я вижу, что это Ruby, которые должны быть установлены.Поэтому я не думаю, что это совместимое решение.

Answer 3

Обычно довольно полезно, например, они используются с SASS: http://sass -lang.com /