Как я могу определить цвета как переменные в CSS?

«Меньше» Ruby Gem для CSS выглядит потрясающе.

http://lesscss.org/

Боюсь, что это не PHP, но Zope и Plone для этого используют нечто похожее на SASS, называемое DTML . Это невероятно полезно в CMS.

Upfront Systems имеет хороший пример его использования в Plone.

Сам CSS не использует переменные. Однако вы можете использовать другой язык, например SASS , для определения стиля с помощью переменных и автоматического создания файлов CSS, которые затем можно разместить в Интернете. Обратите внимание, что вам придется повторно запускать генератор каждый раз, когда вы вносите изменения в свой CSS, но это не так сложно.

Я не понимаю, почему вы не можете использовать PHP. Затем вы можете просто добавить и использовать переменные как если хотите, сохраните файл как файл PHP и сделайте ссылку на этот файл .php в качестве таблицы стилей вместо файла .css.

Это не обязательно должен быть PHP, но вы понимаете, что я имею в виду.

Когда мы хотим программировать, почему бы не использовать язык программирования до тех пор, пока CSS (возможно) не будет поддерживать такие вещи, как переменные?

Также посмотрите Николь Салливан Объектно-ориентированный CSS .

Нет простого CSS. решение. Вы можете сделать это:

• Найдите все экземпляры background-color и color в вашем файле CSS и создайте имя класса для каждого уникального цвета.

   .top-header {цвет: #fff; }
  .content-text {цвет: # f00; }
  .bg-leftnav {цвет фона: #fff; }
  .bg-столбец {цвет фона: # f00; }
  

• Затем просмотрите каждую страницу вашего сайта, где был задействован цвет, и добавьте соответствующие классы как для цвета, так и для цвета фона.

• Наконец, удалите все ссылки на цвета в вашем CSS, кроме ваших вновь созданных цветовых классов.

• 1220]

Вы можете передать CSS через javascript и заменить все экземпляры COLOUR1 определенным цветом (в основном это регулярное выражение) и предоставить резервную копию таблицы стилей на случай, если у конечного пользователя отключен JS

Люди продолжают голосовать за мой ответ, но это ужасное решение по сравнению с радостью от sass или меньше , особенно учитывая количество простых в использовании графических интерфейсов для обоих в наши дни. Если у вас есть смысл проигнорировать все, что я предлагаю ниже.

Вы можете поместить комментарий в CSS перед каждым цветом, чтобы он служил своего рода переменной, значение которой вы можете изменить с помощью функции find / replace, так что ...

В верхней части файла css

/********************* Colour reference chart****************
*************************** comment ********* colour ******** 

box background colour       bbg              #567890
box border colour           bb               #abcdef
box text colour             bt               #123456

*/

Позже в файле CSS

.contentBox {background: /*bbg*/#567890; border: 2px solid /*bb*/#abcdef; color:/*bt*/#123456}

Затем, например, чтобы изменить цветовую схему для текста поля, вы выполняете поиск / замену на

/*bt*/#123456