48

有谁知道一个可以解析和比较两个 CSS 样式表以查找哪些选择器具有不同样式的好工具？

我不能使用标准的类似 diff 的工具，因为这两个 CSS 文件的布局非常不同。我需要一个可以解析和理解 CSS 的工具，然后在两个样式表中寻找实际上具有不同样式的选择器。

我发现的唯一工具是Alan Hart 的 CSS比较器，但是当有适用于多个选择器的样式时，它会变得混乱。

4

2 回答 2

53

这是我最终做的事情，以防其他人遇到同样的问题：

  1. 我使用CSSTidy来“规范化”我想要比较的两个样式表。就我而言，规范化意味着拆分多个选择器并对选择器和属性进行排序。此处提供了 CSSTidy 的在线版本。
  2. 之后，我使用Alan Hart 的 CSS 比较器工具来找出两个样式表之间的差异。

这可以满足我的特定要求。

于 2011-10-31T10:34:49.063 回答
4

我尝试使用CSS 比较。它似乎完全符合您的要求。但是，多个选择器似乎存在一些问题。好的部分是它是命令行驱动的，所以如果你有很多 CSS 文件，你可以设置一个自动化的过程，或者你可以将 CSS 文件链接在一起，将它们与一个巨大的 SASS 文件进行比较。该工具将向您展示所有差异，包括类值的差异。

如果一个工具可以向您展示在同一个样式表中哪些样式覆盖了其他样式，那该有多好。许多旧网站以这种方式有很多包袱，过滤掉它会很棒。当然，自动化工具可能会导致问题，但至少像 Firebug 这样生成报告的工具会很棒，除了每个选择器和整个 CSS 文件集合。可悲的是CSS Compare不是这样的工具，我不知道有一个:(

于 2014-05-28T15:21:07.690 回答