将多个CSS文件合并成一个的简单方法？

Question

我有多个不同的站点皮肤，预计很快会进行额外的皮肤定制。目前设置非常冗长，如下所示：

/theme1/myCss.css /theme2/myCss.css /theme3/myCss.css /theme4/myCss.css ....

我想将每个主题中共同的所有内容移动到一个通用的CSS文件中，然后每个主题都可以使用它。

/common/myCommonCss.css

是否有工具可以比较每个文件中的CSS声明，确定它们是否相同，然后标记它们（或理想情况下将它们剪切/复制）到另一个文件中？

- Buchannon

Answer 1

像Kdiff、Notepad++、Beyond Compare这样的工具适合您使用。

- denolk

---

是的，我正在考虑使用其中之一或WinMerge，但很多CSS文件甚至在放置某些标签的位置上都不一致，这使得无法看到差异/相似之处。我可能最终会编写自己的正则表达式工具。 - Buchannon

Answer 2

在不了解 HTML 标记的情况下，无法合并 CSS 文件。例如，这两个选择器乍一看是相同的：

.class1 .class2{color:red;}
.class1 > .class2{color:red;}

但是它们对不同的HTML标记有不同的作用。因此，您需要一个了解您的HTML的工具。

如果您正在使用PHP，则此工具非常有用。

- Mohsen