CSS清理器如何“展开”样式表？

Question

我正在寻找一个网络服务或（OS X）软件，可以使用像这样的样式表：

h1,h2 {margin-bottom:1em;}
h2.special {color:red;text-align:justify;}
p {margin-bottom:1em;font-weight:bold; }

并将其转换为：

h1,h2,p {margin-bottom:1em;}
h2.special {color:red}
h2.special {text-align:justify;}
p {font-weight:bold;}

我需要一个能够获取CSS文件中每个唯一属性/值组合并将使用它的所有选择器分组的工具。这似乎是一个微不足道的问题，但我只会一点正则表达式 - 似乎在这里无法解决。谢谢。

注意：我知道这种方法可能不会导致（大小）优化。这不是为了一个实时站点/CSS，而是为了分析和“清理”不必要复杂的样式表。在此步骤之后，属性将再次分组。

- Wintermute101

Answer 1

请试试这个： http://www.cssoptimiser.com/optimize.php。虽然我不确定如何将h2.special {color:red;text-align:justify;}转换为什么。

h2.special {color:red}
h2.special {text-align:justify;}

这将是一个改进。但是，那个优化器确实完成了另一部分（margin-bottom）。

基本上只需在Google中搜索“CSS优化器”即可。

- AR.

---

比我见过的其他CSS优化器更好。它仍然没有按声明分离，但我可以用一些正则表达式来做到这一点。谢谢！ - Wintermute101

Answer 2

你可以查看诸如http://lesscss.org/这样的CSS扩展框架。

它不会清理你的CSS，但可以让你创建更干净的CSS。

- eulerfx

---

少量的CSS代码可以创造出整洁的样式，但现在我需要分析和修复旧版的CSS。无论如何还是谢谢。 - Wintermute101

Answer 3

你也可以看一下Compass http://compass-style.org/。它是一个基于Ruby的CSS框架。

- Christoph

Answer 4

我不认为我能对你的实际问题提出解决方案（我给这个问题+1是因为它是一个好问题，问得很好，而且没有明显的答案），但是关于“清除”不必要的样式，你可以尝试使用Dust Me Selectors Firefox插件。

- Spudley