有没有办法根据他们的ID分组CSS样式？

Question

如果我在某个页面元素中应用了一大块css样式，我想对它们进行分组，而不是为每个样式标识包含的页面元素。例如，我想转：

#bodywrap #leftcolumn p {...}
#bodywrap #leftcolumn div {...}
#bodywrap #leftcolumn .highlight {...}

成像：

#bodywrap #leftcolumn [
 p {...}
 div {...}
 .highlight {...}
]

括号中包含的所有内容都包含含有的声明。这可能与css一起使用，语法是什么？

澄清添加：我的问题不是ID选择器的使用。在创建样式表时，是否有任何方法可以简化在包含ID中应用的多种样式的构造。如果我有一个在ID中定义的15个样式，我想将它们分组，而不是在样式表中为每个样式编写ID。

Answer 1

除罗盘（sass）外，还有http://lesscss.org/。

Compass编译为css，所以即使它是基于ruby的，你也可以在任何环境中使用。你可以使用less in“in the run”翻译或编译.less文件到.css。

我使用过它们，它们都显着改善了css组织。

Answer 2

（然而）执行此操作的另一个CSS扩展是CleverCSS。

Answer 3

有一种可用于Ruby的技术称为SASS，它允许嵌套和其他类似的CSS缩写;但至于使用纯CSS，不，没有办法做你所指的。

有关SASS的更多信息： http://sass-lang.com/