CSS группировка и подгруппировка

Question

Возможно ли применить стиль ко всему классу X, только если он класса A, B или C без дублирования кода?

Я понимаю группировку:

A, B, C {
   ...
}

Но я хочу что-то вроде:

X, (A, B, C) {
   ...
}

Как мне добиться этого без дублирования кода?

Answer 1

Не могли бы вы сделать это?

.X.A, .X.B, .X.C {
 /* rules */
}

Это будет соответствовать элементам и класса X и A, или X и B, или X и C. Или я неправильно понял ваш вопрос?

Answer 2

Извините, я хотел прокомментировать ответ Марка В., но, думаю, у меня недостаточно очков репутации, чтобы сделать это> = O

Обратите внимание, что использование нескольких классов в селекторе, например

.X.A, .X.B, .X.C {
 /* rules */
}

Не поддерживается IE6.

Answer 3

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

Я обнаружил, что быстрее создать «генератор» в Javascript, а затем использовать его, чтобы выплевывать все повторяющиеся объявления CSS через вложенные циклы for и тому подобное.

Преимущество заключается в том, что при обновлении фреймворка я могу внести некоторые изменения в свой скрипт и быстро обновить стили «перегрузки».