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

我有一个基本的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 
    }

难道这样的应用程序存在吗？

来源

2013-03-03 RegEdit

@RegEdit，写了一个回答你以前删除的问题，如果你想检查出来：http://stackoverflow.com/questions/15195750/minify-compress-css-with-regex – Qtax 2013-03-04 07:01:48

就我个人而言，我使用CSSTidy为此。它做了很多事情，但其中包括尽可能合并选择器并正确级联（删除重复属性）。我通常会将原始文件大小减少30％左右，这样做很简洁，甚至在缩小时仍然可以很容易地阅读（与JavaScript缩小器不同）。

来源

2013-03-03 03:41:20

我可能说得太快了。它只是赢或者是他们的Mac或在线版本？ – RegEdit 2013-03-03 04:01:57

它可用作Windows，Linux或OSX的可执行文件，但让我迷恋的事实是它以PHP的形式提供，因此我可以直接将其实施到我的“devloper console”系统中。 – 2013-03-03 04:03:03

不错。我刚刚找到了PHP文件。现在玩它。只是无法让副本到剪贴板上班，但除此之外，看起来非常有前途。 – RegEdit 2013-03-03 04:22:35

有许多工具来解决这个问题，这里有两个I手边：

来源

2013-03-03 07:43:25 steveax

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

回答

相关问题