今日は再現性の高いスタイル(プロパティの集合)ごとに、CSS セレクタをグループ化して管理する事例として、ちょっと前から制作中のサイトで実践している、配色管理の方法を紹介してみようと思います。(とっくに似たようなことを実践されている方も、きっといらっしゃると思います。お気づきの点があれば、細かいことでもご教示・ご指摘いただけましたら幸いです。) (なんだか、CSS が主題のエントリーって、随分、久しぶりのような気がする..。) 配色管理モジュールの作成方法 色に関するスタイルをすべて、この配色管理モジュールに集約する。 別出した color.css は、@import で上位 CSS ファイル(もしくは HTML ファイル)から読み込ませるようにする。 セレクタは、同一スタイルごとにグループ化する。(注意: CSS セレクタ、グループ化の落とし穴) セレクタは、浅い階層の一般的なものを先に