今日は再現性の高いスタイル(プロパティの集合)ごとに、CSS セレクタをグループ化して管理する事例として、ちょっと前から制作中のサイトで実践している、配色管理の方法を紹介してみようと思います。(とっくに似たようなことを実践されている方も、きっといらっしゃると思います。お気づきの点があれば、細かいことでもご教示・ご指摘いただけましたら幸いです。) (なんだか、CSS が主題のエントリーって、随分、久しぶりのような気がする..。) 配色管理モジュールの作成方法 色に関するスタイルをすべて、この配色管理モジュールに集約する。 別出した color.css は、@import で上位 CSS ファイル(もしくは HTML ファイル)から読み込ませるようにする。 セレクタは、同一スタイルごとにグループ化する。(注意: CSS セレクタ、グループ化の落とし穴) セレクタは、浅い階層の一般的なものを先に
![配色管理用の CSS をモジュール化する - 我的春秋](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b973bc2a261ae7b224125af9079ae7706a272f7/height=288;version=1;width=512/http%3A%2F%2Fmy-chunqiu.cocolog-nifty.com%2F.shared-pleasy%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)