[CSS]スタイルシートの記述をより読みやすくする5つのルール

スタイルシートの記述をより読みやすくする5つのルールをWoork Upから紹介します。

5 Rules To Write More Readable CSS Files

1. プロパティをアルファベット順に

各エレメントのプロパティの記述順をアルファベット順にします。

2. 子をインデント

子のエレメントをインデントします。

3. コメントでセクション分け

コードのリーダビリティを改善するにはコメントはとても有用です。
ここではHTMLドキュメントの構造と同じようにセクションごとにコメントを使用します。

4. スペースでツラ揃え

スペースで値のツラを揃えます。リーダビリティは確保されますが、一般的にはあまり使用されないと思います。

5. 同じプロパティをグルーピング

エレメントのグループ内で同じプロパティをまとめます。一つの指定で同様の箇所を修整することができます。
下記のコードが元のものです。

上記のコードを下記のように改善します。