2009-10-22 35 views
1

只有在类A,B或C没有代码重复的情况下,是否可以将样式应用于所有类X?CSS分组和分组

我明白分组:

A, B, C { 
    ... 
} 

但我想是这样的:

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

我怎样才能做到这一点,而无需复制代码?

回答

3

难道你不能这样做吗?

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

,它可以匹配这两个类X和A,或X和B,或X和C或元素我误解你的问题?

+0

我希望在CSS中构建一个更短的解决方案。我知道这一点,但这是唯一的方法吗? – LiraNuna 2009-10-22 23:44:49

+0

是的。这是内置于CSS。 = P – 2009-10-22 23:46:00

+1

如果你真的需要用那么多的类来标记某些东西,为什么不创建一个新的类或代表这个类的联合? – 2009-10-22 23:46:57

1

对不起,我想对马克·W公司的回答发表评论,但我想我没有足够的声誉分,这样做> = O

请注意,使用中选择多个类,像

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

不支持IE6。

+1

好点。当我一直在做Ext工作时,我们几乎不得不在我们的产品中放弃IE6支持。事实上,这对于首先使用Ext来说是一个很大的好处。 =) – 2009-10-22 23:54:10

+0

@Kevin C:好的,无论如何,我们应该在技术上将IE6关闭。 – 2009-10-23 00:02:38

0

我正在修改BluePrintCSS以适应我们的需求。与您正在做的不完全相同,但需要不断将样式应用于一组类或ID,就像您一样。

我发现在Javascript中构建'generator'会更快,然后使用它通过嵌套for循环等方式吐出所有重复的CSS声明。

好处是,当框架更新时,我可以对脚本进行一些调整,并快速更新我的“搭配”风格。