CSS設計

基本的にCSSは常に全てのページで読み込まれる　→　増えれば増えるほど相互に上書きし合う状態が起きやすい　→　他の言語に比べかなり壊れやすい言語

CSS設計・・・CSSを管理し壊れにくくすること。下記4つのことを満たす

予測可能性

再利用性

保守性

拡張性

予測可能性

スタイルを変更した時の影響範囲が正しく予測できるかという観点

意図しない箇所がスタイルの影響を受けてしまうのは望ましくない

再利用性

既存のコンポーネントを別の箇所でも使いたい時に、コードの書き直しや上書きの必要がないようにするという観点

保守性

コンポーネントの追加や更新、再配置する際に既存のコードのリファクタリングは必要ないようにする

拡張性

プロジェクト自体が大きくなり、開発者が増えた際にも簡単に管理できるようにすること