Переменные в CSS

Дэниэл Глазман (Disruptive Innovations) и Дэвид Хайат (Apple, Inc.) предлагают готовое проработанное дополнение к спецификации CSS, определяющее крайне востребованный в современной вёрстке веб-страниц механизм использования переменных в CSS. Синтаксис прост:

@variables {myBg: #555; mycolor: #fff; }
#myElement {background: var(myBg); color: var(myColor); }

Что из этого выйдет, покажет время, но Дэниэл, насколько известно автору этих строк, тесно связан с Mozilla, а значит, браузера, где потенциально может быть внедрена такая функциональность, уже два: Firefox и Safari. Более того, тема переменных в CSS уже поднималась в рабочей группе по разработке CSS, куда, насколько известно автору тех же строк, входит и Дэниэл, что дополнительно обнадёживает.

Обновлено: 10 апреля 2012 г. опубликован официальный черновик спецификации CSS Variables Module Level 1. В отличие от синтаксиса, предложенного четыре года назад Д. Глазманом и Д. Хайатом и использовавшего новое @-правило @variables, новый черновик теоретически обладает большей обратной совместимостью, предлагая использовать существующий синтаксис свойство: значение, где переменные отличаются от обычных свойств наличием префикса var- в названии свойства.

Комментарии | добавить

Maksimchik 2011-08-08

Надо было с самого начала создавать переменные! У меня один шрифт используеться в других стилях не раз. Надоедает его всегда прописывать.