有没有办法根据他们的 id 对 CSS 样式进行分组？答案

【问题标题】：is there any way to group css styles based on their ids?有没有办法根据他们的 id 对 CSS 样式进行分组？
【发布时间】：2010-06-01 11:58:10
【问题描述】：

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

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

变成类似：

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

括号中的所有内容都尊重包含的声明。这对 css 是否可行，语法是什么？

补充说明：我的问题不是关于 ID 选择器的使用。在创建样式表时，是否有任何方法可以简化在包含 ID 中应用的多种样式的构造。如果我在一个 ID 中定义了 15 种样式，我想对它们进行分组，而不是在样式表中为每个样式编写 ID。

【问题讨论】：

【解决方案1】：

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

Compass 编译为 css，因此即使它是基于 ruby 的，您也可以在任何环境中使用。您可以使用 less 进行“即时”翻译或将 .less 文件编译为 .css。

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

【讨论】：

【解决方案2】：

（然而）另一个 CSS 扩展是 CleverCSS。

【讨论】：

【解决方案3】：

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

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

【讨论】：