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指令，如下所示：< / p>

.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

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

在线CSS DRYer（重复数据删除）

2 个答案: