IDタグをCSSファイル全体にグローバルに追加するにはどうすればよいですか？

Question

私はページのフッタにfooter.htmlを持っています。対応するCSSは、6000行のコードを含むfooter_style.cssファイルです。 footer_style.cssファイルにp {color：red}のようなスタイルが与えられているいくつかの要素（ 'p'タグまたは 'a href'タグ）があります。

「p」タグ&「href」タグ要素も含むページの本文部分のファイルがあります。

問題は、footer_style.cssファイルにスタイルが適用されているため、ページが読み込まれたときに、フッターのCSSプロパティが本体の要素によってインポートされることです。

解決方法としては、< \ div id = "footer_wrapper">をfooter.htmlに追加し、#footer_wrapper p {}や#footer_wrapper a {}などのようにCSSを変更してください。

しかし、タグが1000個あります。 CSSファイルは6000行に及ぶ巨大なファイルです。

他の解決方法はありますか？

Answer 1

今のところsassmeisterを使用できます。

貼り付け全体のCSSファイルは、その上に#footer_wrapper追加し、下部に}

Answer 2

あなたはLESSを使用することができます追加します。少ないファイルの中にcssファイルをインポートすることができます。

ファイルフッタ-style.lessを作成し、書き込み：

#footer-wrapper { /*all styles from footer_style will apply to html inside div with id footer-wrapper */ 
    @import "footer_style.css"; 
} 

あなたは（うなり声のような）いくつかのタスクビルダーを使用してプロジェクトに少ないパイプラインを含める必要があります。