☰

CSS を最適化（冗長性を削除してマージ）するツールはありますか? [closed] 質問する

tag-icon • tag-icon css compression minify yui-compressor
CSS を最適化（冗長性を削除してマージ）するツールはありますか? [closed] 質問する

優れた CSS 圧縮、マージ、最適化ツールを探しています。CSS をクリーンアップするツールは見つかりましたが、上書きを最適化しません。

基本的な例を以下に示します。

a{color:#000}

別の行では、a色が次のように上書きされます。

a{color:#fff}

上書きされた未使用の CSS をクリーンアップし、適用されたスタイルだけを保持できるツールをご存知の方はいらっしゃいますか?

ベストアンサー1

「未使用の CSS をクリーンにする」とはどういう意味なのかよくわかりませんが、いずれにしても、2 つのツールを紹介します。そのうちの 1 つは機能するかもしれません (古き良きショットガンアプローチ）。

CSS リント「重複したプロパティ」を指摘しているようです。範囲 記事のそれが何をするかをカバーしています。しかし、あなたが持っていた2つの定義を使ったテストでは、

a { color: #fff; }
a { color: #000; }

あまり効果はありませんでした。...

コード美化ツール2 つのセレクタを結合し、後者 (つまり実際に適用されるスタイル) を選択しました。結果は次のようになります。

a {
  color:#000;
}

おすすめ記事