Html 将样式表与重叠样式相结合?

Html 将样式表与重叠样式相结合?,html,css,Html,Css,以下是我继承的情况:以前的开发人员认为创建两个样式表是个好主意,一个名为main.css,另一个名为color.css,color.css在main.css内部使用@import调用 这意味着,在这些样式表中,同一选择器的多个声明被拆分为多个规则。例如,在main.css中,将有: .content_main { margin-bottom: 10px; } 在color.css中,将有: .content_main { background-color: #9D93

以下是我继承的情况:以前的开发人员认为创建两个样式表是个好主意,一个名为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重复针对同一选择器的此类型规则复制

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

我相信(而不是希望)有人已经创建了一个命令行工具或在线工具来完成这项工作,而不是手工完成。我已经研究并发现有许多工具可以缩小、美化和/或连接样式表,但我还没有找到一个工具可以像我在这里建议的那样组合和保存级联


如果有这样一个工具,而我错过了它,请事先原谅我。同样地,如果这个具体问题已经得到了回答,而我错过了它,那不是因为没有努力找到它,所以请接受我最谦卑的道歉。否则,任何帮助都将不胜感激。

有一个很好的在线工具来压缩CSS,它允许您这样做:

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


另一个这样的工具是。

可能是您正在寻找的工具。

没有自动工具来执行此操作。这只是代码重构的艰苦工作。不幸的是,我认为你可能是对的。你看过吗?这是一个css架构,实际上表明这样做是为了使主题更容易-也许开发人员正试图这样做?谢谢@ToniLeigh,你很可能是对的。也许他的尝试执行得也很糟糕,因为我发现它更令人讨厌,而不是好处。是的,我尝试了它,发现它在我的环境中令人困惑,但我肯定能从主题化程度高的东西中看到好处——而且,开发人员经常自制他们自己的解决方案,我开始问“为什么?”不管它看起来有多奇怪,lolI尝试了这个在线工具,我收到了这个错误:致命错误:在第517行的/home/devilous/public_html/lib/Parser.php中对非对象调用成员函数addBlock(),我不认为这个工具实际上试图将两个文件中的样式组合在一起,并在呈现时保留级联。我添加的第二个如何?是的,这一个有效,但输出CSS级联被重新排序,因此呈现的页面布局混乱。我开始认为Diodeus是正确的:我可能必须手动重构它。