CSS の基本ルール
クラスセレクタの優先、インラインスタイルの回避など、CSS 全体に共通するルール
-
クラスセレクタを優先して使用する
スタイリングにはクラスセレクタ(.class-name)を優先して使用します。
リセット・ベーススタイルを除き、ID セレクタや要素セレクタは避け、影響範囲を明確にします。 -
インラインスタイルは避ける
HTML のstyle属性での直接スタイリングは避けてください。
外部 CSS ファイルで管理することで、スタイルの一元管理と再利用性を確保します。
ただし、JavaScript や CMS からカスタムプロパティに値を渡す場合(style="--progress: 40%"など)はstyle属性を使って構いません。