比较和合理化CSS - 不基于文件或差异

Question

我正在使用几个单独的asp.net应用程序，并将它们组合在一起。

一个问题是合理化两个应用程序之间的CSS - app1有两个css文件，而app2有大约8个。两个应用程序之间的大部分CSS都是相同的，但存在一些差异。我正在寻找一个工具来比较每个应用程序的所有元素，并显示缺少什么，有什么不同，等等。理想情况下，输出将是3个文件：Common，app1和app2，但如果它我不会那么挑剔可以告诉我两个应用程序之间的差异。

这样的工具是否存在？

Answer 1

如果您不喜欢下载工具，那么这里有一个css比较器的在线版本http://www.alanhart.co.uk/tools/compare-css.php

它提供了两个文件之间的css类文件的比较

Answer 2

我不知道为此特定目的量身定制的独立工具。有a PHP class called "CSS Comparer"，但我不知道使用它有多容易。该页面上的屏幕截图看起来很有希望。

就个人而言，我可能只是将所有文件连接在一起，这样每个应用程序都有一个文件，然后对它们运行差异。为了使它更容易，您可以通过CSSTidy之类的文件运行这两个文件，或者使用搜索/替换和排序进行一些富有想象力的文件处理。这可能会在两个文件中以相同的顺序获得所有声明，因此差异会更清晰。

Answer 3

将所有这些文件合并到一个文件中，并通过CSS优化器或压缩器运行它。优化器应该看到所有重复的选择器并将它们清除掉。

我推荐使用YUI的压缩器，但也有很多基于网络的压缩器/优化器。 Here's one和another。与他们一起使用YMMV，但是一个好的谷歌搜索可以更多。

Answer 4

通常我会推荐diff。既然你明确写道，你正在寻找“不基于差异”的东西，也许你可以描述为什么差异对你没有帮助。

然后其他人可能会提出不同的建议。