CSSプロパティ別整理法: J's Garage

ココログ・ベーシックでは、CSSに手を入れることができるので、ついつい調子に乗って新しいセレクタを追加していると、いつの間にかCSSが膨大なものになってしまいます。

自分で書いたCSSなので、修正したい時にどこを見ればいいかは、大体見当がついているのですが、例えばテキストやリンクの色を一括して修正したいとか、フォントを一括して修正したいという場合には、あちらこちら探しまわらなくてはいけません。

CSSをもう少し使いやすく整理する方法はないものかと調べていたら、興味深いページを見つけました。

従来は、CSSをセレクタごとにグループしていましたが、これをプロパティごとにグループしてはどうかという、面白い提案です。既存のCSSをプロパティ別に自動整形してくれるフォームも用意されています。

しかし、完全にプロパティだけでグループしてしまうと、私には全体を把握するのが難しいように思えました。そこで、プロパティ別整理法を部分的に取り入れてみることにしました。

上記の5つのプロパティだけを抜き出して、CSSの最初のほうに記述してみました。

これでしばらく運用してみて、必要に応じてプロパティ単位で整理したほうがいいものがあれば、随時修正していこうと思います。

追記

プロパティ単位で整理していくと、同じプロパティを使っている複数のセレクタをまとめて記述できるので、CSSのスリム