Ссылка на определенный цвет в файле CSS

Question

0

Я использую те же самые 3-4 цвета на 99% элементов на моем веб-сайте. Я абсолютно не знаю, как это возможно, но я думал, что попрошу.

Есть ли способ указать цвет и быстро ссылаться на него в других элементах дальше по странице? Например:

.red_color {
  color: #FF0000;
}

Теперь, далее на странице есть другие элементы:

div.example {
  padding: 10px;
  color: [REFERENCE ABOVE] 
}

Таким образом, если цвет меняется, я могу обновить его в одном месте, и все остальные элементы последуют этому примеру.

Я знаю, что это возможно, если я перечислю все элементы в одном месте, например:

div.example, div.other_example, p {
  color: #FF0000;
}

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

Любые другие способы сделать это?

Благодарю.

JROB 05 май 2014, в 18:15

0

Почему бы просто не указать класс с определенным цветом и добавить этот класс ко всем DIV, которые вы хотите использовать этот цвет? Это будет иметь тот же эффект.
APAD1 05 май 2014, в 16:05
0

Вы не всегда можете контролировать разметку, поэтому добавление класса не всегда возможно.
JesseEarley 05 май 2014, в 16:07

Теги:

1 ответ

Почему бы просто не указать класс с определенным цветом и добавить этот класс ко всем DIV, которые вы хотите использовать этот цвет? Это будет иметь тот же эффект.
Вы не всегда можете контролировать разметку, поэтому добавление класса не всегда возможно.

JesseEarley · Accepted Answer · 2014-05-05T14-29-00.000Z

Да, но не в CSS. Посмотрите на использование LESS или SASS. Затем вы можете определить переменные и использовать их, как вы предлагаете.