仕事でいくつかの大規模な Web プロジェクトに取り組んでおり、多くの HTML ID とクラス名が使用されています。
これらの巨大なプロジェクトの 1 つで何か新しいものを作成するとき、新しい ID とクラスに名前を付けるのはイライラ#subprojectname_titleする.subprojectname_editorことがあります。 「親」プロジェクトであり、以前に記述したスタイルを継承しないようにするためです。
そのサブプロジェクトの新しいクラスまたは ID を作成するたびに、常に記述subprojectnameする必要があり、これは非常に面倒です。
以前のセレクターから継承しないようにするためにスタイルをリセットする必要がなく、以前に記述されたスタイルを台無しにする (上書きする、名前を変更する) ことなく、セレクターを短くする方法についての提案を探しています。
私のプロジェクトでは、これに対する簡単な解決策があります。
グローバルに有効なスタイルには「一意の」名前を使用し、ローカル スコープには「共通の」名前を使用します。
つまり、私のsite.cssは「defaultList」や「defaultWhiteButton」などの名前を使用していますが、私のpageX.cssは「リスト」と「ボタン」を使用しています。
ID は (私の目的では) すべてのプログラムの動作に使用され、表面的なものではないため、セレクターに ID を使用することはありません。
CSS でのみクラスを使用します。
これが役立つことを願っています。
どこでも .subproject_thingie1 と .subproject_thingie2 の代わりに、通常はプロジェクト/ページを区別するためにルート クラスまたは id を追加します。
そうすれば、特定のページに特定のルールを追加しながら、同じクラス名のすべてのページでグローバル スタイルを維持できます。
しかし、いつものように、最善の解決策は、既存のプロジェクトがどれだけうまく書かれているかによって異なります。