複数のファイルにわたって重複したCSS宣言を削除する

Question

変更の実装を容易にするために、いくつかのファイルから重複したCSS宣言を削除することを検討しています。それを手助けできるツールはありますか？

は、今のところ私はこのような何かに直面しています：

styles.css 
#content { 
width:800px; 
height:1000px; 
background: green; 
} 

styles.game.css 
#content { 
width:800px; 
height:1000px; 
background: blue; 
} 

そして私はこれが欲しい：

styles.css 
#content { 
width:800px; 
height:1000px; 
background: green; 
} 

styles.game.css 
#content { 
background: blue; 
} 

すべてのファイル間での行の合計数が10Kの上にもあり、技術ので、手動編集はオプションではありません。

Answer 1

おそらくあなたが探しているものに最も近いのは、CSSのプリプロセッサとCSSのインポートです。私はLESSを好き：http://lesscss.org/

私は

styles.css 
@site-width: 800px; 
@site-height: 1000px; 

#content { 
width: @site-width; 
height: @site-height; 
background: green; 
} 


styles.game.css 
@import url("style.css"); 

#content { 
width: @site-width; 
height: @site-height; 
background: blue; 
} 

EDITのようなものだろう：私は一種のあなたも、すべてのLESSを必要としないことを見落とし、またはstyles.game.css

での高さと幅を

styles.game.css 
@import url("style.css"); 

#content { 
background: blue; 
} 

Answer 2

は、セレクタをクリーンアップするために私を助けたようにそれはちょうどになります - CSSの使用 - Firebugの拡張をCSSルールを表示します実際に使用されます。

https://addons.mozilla.org/en-US/firefox/addon/css-usage/

Answer 3

あなたは、プロパティの重複を削除するためにW3C CSSのバリデータを使用することができます。ファイルアップロードをクリックしてチェックをクリックしてcssファイルをアップロードし、重複したプロパティが繰り返されることがわかる警告部分に移動します。次に、ファイル内の特定の行に移動して、複製を削除することができます。

URLます。http：//jigsaw.w3.org/css-validator/#validate_by_upload

Answer 4

それを行うには、このシステムの主張： http://sourceforge.net/projects/cssmerge/?source=dlp

しかし、私はしかし、それを動作させることができませんでした。

ここでは、CSSファイルを比較するいくつかのツールを紹介します。それは自動ソリューションほど高速ではありませんが、視覚的な比較だけで行うよりも速くなります。

http://www.diffchecker.com/

http://www.araxis.com/merge_mac/index.html

http://csscompare.codeplex.com/

Answer 5

私はこれを支援するnodejsツールを作った、それは現在、単一のファイルを処理しますが、それは助けまたは任意の改善の場合レムが知っている、それをフォークして自由に感じます別のレベルに持っていくこともできます:)

https://npmjs.org/package/css-purge

https://github.com/rbtech/css-purge

Answer 6

私はこの目的のために特別にcsscssというツールを書いた。ボーナスとして、SassとLESSも統合されています。それを撃って、ギターに問題がある場合は教えてください。