仕事の一環として、社内 Web アプリケーションの保守/開発を行っています。ユーザーは比較的少なく、それほど大きくはありません。再利用されたスタイルを含むグローバル CSS ファイルがありますが、ページ固有のスタイルの 90% は実際にはページ固有のものです。それらは疑似列幅のようなものです（私の出力の多くは、テーブルを不適切な選択にするのに十分なほど表形式ではありません）。これらのページの上部に <style> ブロックを投げるだけです。
これが嫌われていることは承知していますが、個別の CSS ファイルの理由について読むたびに、本当に際立っているのはキャッシュだけです。この場合、それは問題ではありません。アプリケーションを高速化する必要がある場合に行うことのリストのかなり下にあります。他に何か理由はありますか、それとも罪悪感をやめることができますか?
別の CSS ファイルの理由について読むたびに、本当に際立っているのはキャッシュだけです
本当に？
それらの使用法について読むたびに、CSS ファイル内の何かを変更でき、それを含むすべてのページに変更が加えられるという事実が、それらを使用する最も重要な理由です。
特定のページに特定のルールが異なる場合でも、CSS を一元化することは良いことです。サイト全体で基本的な CSS 構造を統一するのに役立ち、特定の効果がどのように達成されたかを探すときに、簡単に見つけることができます。
これらはすべて、CSS ファイルを使用する価値のある理由であり、キャッシュやパフォーマンスの理由よりもはるかに優れています。
私のスタイルのほとんどが非常にページ固有であるという点で、私は同様の問題に直面しています。しかし、私のサイトは小さくないため、解決策を見つける必要がありました。
私がやったのは、フォルダーを作成し、css/pages各CSSファイルをそれを使用するページと同じ名前にすることでした。次に、私の PHP「テンプレート」はif(file_exists("css/pages/".basename($_SERVER['PHP_SELF'])))、関連するタグをチェックして追加するだけでよい<link/>ので、私の労力は最小限に抑えられます。
あなたのサイトが小さいからといって、効率を無視する正当な理由にはなりませんが、私は少し効率のオタクなので、おそらくそれについてはもっと衒学的になるでしょう :p
最終的には、ページ固有の CSS をページに直接配置するだけで「問題」は何もありません。複数のページで使用されるものはすべてファイルに含まれていることを確認して、同じことを繰り返す必要がないようにしてください。
私の意見では、アプリにいくつかの Web ページ (3 ～ 5 ページ) しか含まれていない場合は、Web ページの上部に定義することができます。アプリが 3 ～ 5 ページを超える Web ページに成長する場合、グローバル CSS は保守性とスケーラビリティに役立ちます。
よりクリーンなマークアップと迅速な読み込みが可能になります。テンプレートと動的開発に本当に適用されます。それを使用することを恐れないでください。ダークサイドに落ちたわけじゃない。