私が継承した状況は次のとおりです。前の開発者は、main.css と呼ばれる 2 つのスタイルシートと、@import を使用して main.css 内で呼び出される color.css を持つ color.css という 2 つのスタイルシートを作成することをお勧めします。
つまり、同じセレクターに対して複数の宣言があり、これらのスタイルシート全体で複数のルールに分割されています。たとえば、main.css には次のように記述します。
.content_main {
margin-bottom: 10px;
}
color.css には次のものがあります。
.content_main {
background-color: #9D937A;
}
同じセレクターを対象とするこのタイプのルールの重複は、1136 行の CSS で繰り返されます。
これはまったく価値がないことがわかったので、ブラウザーでページがレンダリングされるときにスタイル ルールのカスケードを保持しながら、両方のスタイルシートを 1 つのスタイルシートに結合したいと考えています。
これを手動で行うのではなく、誰かがコマンド ライン ツールまたはオンライン ツールを作成して、これを行うようにしているというのが私の考えです (希望ではありません)。私が調査したところ、スタイルシートを縮小、美化、および/または連結するためのツールがいくつかあることがわかりましたが、ここで提案しているようにカスケードを結合して保持するツールはまだ見つかりません。
そのようなツールが存在し、見逃していた場合は、あらかじめご容赦ください。同様に、この特定の質問が SO で既に回答されていて、私がそれを見逃した場合、それは見つけようとしていないからではありません。そうでなければ、どんな助けでも大歓迎です。