Группирование и подгруппа 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

К сожалению, я хотел бы прокомментировать ответ Марка W, но я предполагаю, что у меня нет достаточного количества очков репутации, чтобы сделать так,> = O

Пожалуйста, обратите внимание, что с помощью нескольких классов в селекторе, как

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

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

Answer 3

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

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

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