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

很抱歉，我想对Marc W的答案发表评论，但我想我没有足够的声誉点来这样做＆gt; = O

请注意在选择器中使用多个类，例如

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

IE6不支持。

Answer 3

我正在修改BluePrintCSS以满足我们的需求。与你正在做的事情不太一样，但是有必要像你一样不断地将样式同时应用于一堆类或ID。

我发现在Javascript中构建“生成器”然后使用它通过嵌套for循环等来吐出所有重复的CSS声明会更快。

优点是，当框架更新时，我可以对我的脚本进行一些调整，并快速更新我的“over-ride”样式。