オンラインCSS DRYer（デュペープ）

Question

DRY = "自分自身をやめてください"。

私はより複雑なデザインを構築するために使用するベースのCSSフレームワークを持っています。プロトタイピングの最も簡単な方法は、最後から始めて、ベースのCSSから既存のCSSプロパティを編集するのではなく、目的の結果を得るためにCSSを構築することです。

しかし、私がやった後、クラス名とプロパティの繰り返しがたくさんあります。

私は、自分のCSSファイルをスキャンし、冗長性と重複を排除する形でインテリジェントにリメイクするオンライン（またはオフライン）ツールを探しています。例えば

、次の2行は、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指示などのように1つの.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 minifierとは異なり、読みやすくてもかなり簡単です。

Answer 2

これを支援するためのツールの数は、ここで私が便利見つける2ありますされています

1. CSSTrashman
2. deadweight