在線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（重複數據刪除）

回答

相關問題