CSS分组和子分组

只有当X类属于A类、B类或C类且没有代码重复时，才有可能将样式应用于所有X类吗

我理解：

A, B, C {
   ...
}

但我想要的是：

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

如何在不复制代码的情况下实现这一点？

您不能这样做吗

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

这将使元素与类X和A，或X和B，或X和C匹配。或者我误解了你的问题吗？

你不能这样做吗

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

---

这将使元素与类X和A、类X和B、类X和类C匹配。或者我误解了你的问题？

对不起，我想对Marc W的答案进行评论，但我想我没有足够的声誉点数来评论>=O

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

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

---

IE6不支持。

对不起，我想对Marc W的答案发表评论，但我想我没有足够的声誉点数来这么做>=O

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

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

---

IE6不支持。我正在修改BluePrintCSS以满足我们的需要。与您正在做的不完全相同，但是需要像您正在做的那样，同时不断地将样式应用于一组类或ID

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

---

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

我正在修改BluePrintCSS以满足我们的需要。与您正在做的不完全相同，但是需要像您正在做的那样，同时不断地将样式应用于一组类或ID

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

---

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

我希望在CSS中内置一个更短的解决方案。我知道这个，但这是唯一的办法吗？是的。这是内置于CSS中的=如果你真的需要用这么多的类来标记一些东西，为什么不创建一个新的类或者表示这些类的联合呢？因为这些类是给定的-我使用的是ExtJS，它有太多的预定义类。啊，是的。我已经广泛使用了ExtJS。真的没有办法解决它所使用的类数量如此之多的荒谬问题。相信我，我已经试过了。只是放弃=PI希望在CSS中内置一个更短的解决方案。我知道这个，但这是唯一的办法吗？是的。这是内置于CSS中的=如果你真的需要用这么多的类来标记一些东西，为什么不创建一个新的类或者表示这些类的联合呢？因为这些类是给定的-我使用的是ExtJS，它有太多的预定义类。啊，是的。我已经广泛使用了ExtJS。真的没有办法解决它所使用的类数量如此之多的荒谬问题。相信我，我已经试过了。只是放弃=好的。不久前我在做Ext工作时，我们几乎不得不放弃产品中对IE6的支持。事实上，这是使用Ext的一大好处@凯文C：不管怎样，只要有机会，我们就应该在技术上把IE6杀掉……说得好。不久前我在做Ext工作时，我们几乎不得不放弃产品中对IE6的支持。事实上，这是使用Ext的一大好处@凯文C：不管怎样，只要有机会，我们就应该在技术上把IE6杀掉。。。