有没有合并CSS的工具?

时间:2008-08-19 19:14:43

标签: css

我有几个带有重叠CSS选择器的CSS文件,我想以编程方式合并(因为不只是将一个文件附加到另一个文件的末尾)。有没有工具可以在线完成?或者是Firefox扩展程序?

3 个答案:

答案 0 :(得分:21)

我找到Factor CSS - 完整的源代码,但我认为它确实比我需要的更多。我真的只想组合具有相同选择器的CSS块。我将查看源代码,看看它是否可以转换为可用作TextMate包的东西。也就是说,除非其他人设法在我之前找到它。

编辑:更好 - 这是a list of web-based tools for checking/formatting/optimizing css

答案 1 :(得分:1)

不,我希望有,但编程工作似乎太多,因为有多种方法可以引用单个元素。您可以做的最好的事情是使用像FireBug这样的运行时来查找重复项。

答案 2 :(得分:1)

几年前我写了一个Perl实用程序。

除了将一个或多个样式表合并为一个连贯的排序输出(包含注释以显示每个属性出现在哪个文件中,以及当属性具有冲突值时的警告),您还可以选择 根据选择器,属性或两者进行搜索或合并。

这些是智能处理的,例如,如果您搜索属性font,您还会获得font-sizefont-weight等(仍然在CSS块中显示相关的选择器,他们被带走了)。同样,选择器搜索尝试做正确(即通常最有用)的事情。如果您搜索元素a,它将匹配其选择器为aa:hovera.extlinka#mylink,{{1 }},.foo a#bar ap apre > aa + p ...(最后两个不直接 影响a img本身的样式,但影响相邻或后代元素的样式,在这样的搜索中通常很有用,而不匹配a#a等。当然这种行为是可选的,你也可以搜索一个精确的选择器。或正则表达式。

除了perl本身,唯一的依赖是CSS::Tiny

这是免费软件,您可以在此处获取:cssmerge