如何合并和清理具有重叠选择器/属性的2个css文件？

Question

在这里,我试图在维护网站和添加新元素方面做得不错.但在此之前,我想清理它的css文件.

该站点使用2个样式表,即v1和v2.基本上,v2添加了新规则,但也覆盖了v1中的规则/属性.所以我不能摆脱v1,因为v2不包含所有规则和属性.

这是一个简单的例子

从v1

.globalFooter {
    background-color: #eee;
    color: #fff;
    font-size: 15px;
}

从v2

.globalFooter {
    font-size: 18px
    display: inline
}

所以,结果应该是这样的

.globalFooter {
    background-color: #eee;
    color: #fff;
    font-size: 18px;
    display: inline
}

我想过手动将v2合并到v1中,移动新元素和覆盖属性,但v2是3000行长...

那么我试图找到一个可以自动完成的工具,但我找不到任何可靠的东西.我需要一些可以合并这两个文件并认为第二个文件被加载的东西,因此它可以覆盖第一个文件的规则和属性.

有人知道一个好的工具/脚本吗？

谢谢

Answer 1

经过几分钟的搜索,我发现了这个:CSS Compressor

基本上允许您上传几个css文件,选择不同的选项,如组合属性,然后将文件合并到一个工作表中.我还没有使用它,但我听说它只有很少的差异,效果很好.

检查一下,让我们知道它是否有效

还有这个和这个其他有用的工具列表