这是我继承的情况：之前的开发人员认为创建两个样式表是个好主意，一个称为 main.css，另一个称为 color.css，其中 color.css 在 main.css 内部使用 @import 调用。
这意味着，同一个选择器的多个声明在这些样式表中分成多个规则。例如，在 main.css 中会有：
.content_main {
margin-bottom: 10px;
}
在 color.css 中会有：
.content_main {
background-color: #9D937A;
}
这种针对同一个选择器的类型规则重复通过 1136 行 CSS 重复。
因为我发现这完全没有价值，所以我想将两个样式表组合成一个样式表，同时在浏览器中呈现页面时保留样式规则的级联。
我的信念（而是希望）不是手动执行此操作，而是有人已经创建了命令行工具或在线工具来执行此操作。我研究并发现有许多工具可以缩小、美化和/或连接样式表，但我还没有找到一个可以像我在这里建议的那样组合和保留级联的工具。
如果存在这样的工具而我错过了，请提前原谅我。同样，如果这个具体问题已经在 SO 上得到了回答而我错过了，这并不是因为没有尝试找到它，所以请接受我最谦虚的道歉。否则，任何帮助将不胜感激。