Можно ли использовать переменные для хранения значений свойств в CSS?

Question

В файле CSS есть ли способ использовать переменные для цветов (или других свойств)? Например, у меня есть следующий код:

#container1 { 
    background: #ff0000; 
} 

#container2 { 
    background: #ff0000; 
} 

Если я решил изменить красный цвет (# FF0000) на протяжении всего моего сайта к чему-то еще, я должен был бы найти и заменить все экземпляры «# FF0000» в StyleSheet. Если у меня есть несколько StyleSheets по всему сайту, это может стать раздражающим.

Разве это не возможно, чтобы сделать что-то вроде этого, вместо:

#container1 { 
    background: redColor; 
} 

#container2 { 
    background: redColor; 
} 

.redColor { 
    background: #ff0000; 
} 

Я знаю, что я мог бы ссылаться на «container1» с классом «redColor», но мне интересно, если я могу использовать переменные так, чтобы я мог укажите значение для других свойств, таких как цвет шрифта и т. д.

Спасибо за любую помощь!

Andrew.

Answer 1

Sass or Less Добавить эту функцию и многое другое.

http://sass-lang.com/

http://lesscss.org/

Answer 2

Как @Pekka заявил, что это не возможно сделать это с помощью CSS.

Но это можно сделать с помощью LESS Variables или SASS, как указано в @Adrift.

В МЕНЬШЕ, например:

@nice-blue: #5B83AD; 
@light-blue: (@nice-blue + #111); 

#header { color: @light-blue; } 

И SASS очень похожа.