web-dev-qa-db-ja.com

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

変更の実装を容易にするために、いくつかのファイルから重複した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を大きく超えているため、手動編集に依存する手法はオプションではありません。

29
kotekzot

csscss と呼ばれるこの目的専用のツールを作成しました。ボーナスとして、SassおよびLESSと統合されます。試してみて、githubに問題がある場合はお知らせください。

10
Zach Moazeni

セレクターをクリーンアップするのに役立ちました-CSSの使用-Firebug拡張機能は、実際に使用されているCSSルールを表示します。

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

9
Praveen Vijayan

私はこれを支援するためにnodejsツールを作成しました。現在は単一のファイルを処理しますが、それが役立つか改善されたかをレンメは知っています。気軽にフォークして別のレベルに持って行ってください:)

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

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

6
AEQ

このシステムはそれを行うと主張しています: http://sourceforge.net/projects/cssmerge/?source=dlp

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

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

http://www.diffchecker.com/

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

http://csscompare.codeplex.com/

3
Fabio Nolasco

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

URL:http://jigsaw.w3.org/css-validator/#validate_by_upload

1
harshakasireddy