Question

以下是我继承的情况：之前的开发人员认为创建两个样式表是个好主意，一个名为main.css，另一个名为color.css，而使用@在main.css中调用color.css进口。

这意味着，同一个选择器有多个声明，这些声明在这些样式表中分成多个规则。例如，在main.css中将有：

.content_main {
      margin-bottom: 10px;
 }

在color.css中会有：

.content_main {
      background-color: #9D937A;
 }

通过1136行CSS重复这种针对同一选择器的类型规则重复。

因为我发现这完全没有价值，所以我想将两个样式表合并到一个样式表中，同时在浏览器中呈现页面时保留样式规则的级联。

而不是手工完成这一点，我的信念（相当希望）是某人已经创建了命令行工具或在线工具来执行此操作。我已经研究过并发现有很多工具可以缩小，美化和/或连接样式表，但是我还没有找到一个可以组合和保存级联的工具，正如我在这里建议的那样。

如果存在这样的工具而我错过了，请提前原谅我。同样，如果这个特定的问题已经在SO上得到了解答而我错过了它并不是因为没有尝试找到它，所以请接受我最卑鄙的道歉。否则，任何帮助将不胜感激。

Answer 1

有一个很好的在线工具来压缩CSS，允许你这样做：http://devilo.us/

只需将两个文件复制并粘贴到那里，您就可以得到合并的结果。

Answer 2

也许Code Beautifier可能就是你要找的东西。