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

Question

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

Что за и против изменения от этого:

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

к этому:

@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/