在线CSS DRYer (重复数据删除)

Question

DRY =“不要重复自己”。

我有一个基本的css框架，我用它来构建更复杂的设计。最快的原型化方法是从最后开始构建css以获得所需的结果(而不是从基本css编辑现有的css属性)。

然而，在我完成之后，有很多重复的类名和属性。

我正在寻找一个在线(或离线)的工具，将扫描我的css文件，并智能地重新制作它的形式，删除冗余和重复。

例如，如果CSS文件中存在以下两行：

//FROM THE BASE CSS
.header{
    font-weight:bold;
    font-size:1.5em;
    background:red;
    margin:0 auto;
    padding:20px
    }

//FROM THE ADDED CSS
.header{
    font-weight:normal;
    font-size:1.25em;
    background:blue;
    padding-bottom:0;
    margin-top:-20px
    }

期望的结果(给予级联中较低的项优先于前者)将是删除.header指令的第一个实例，并将两个.header实例中的规则合并到一个.header指令中，如下所示：

.header{
    font-weight:normal;
    font-size:1.25em;
    background:blue;
    margin:-20px auto 0 auto;
    padding:20px 20px 0 20px
    }

这样的应用程序是否存在？

Answer 1

就我个人而言，我使用CSSTidy来实现这一点。它做了很多事情，但在其他方面，它在可能的情况下合并选择器并正确级联(删除重复的属性)。我通常会将原始文件大小减少30%左右，这很整洁，即使缩小了，它仍然相当容易阅读(不像JavaScript缩微器)。

Answer 2

有许多工具可以帮助解决这个问题，下面是两个我觉得很方便的工具：

1. CSSTrashman
2. deadweight