破綻しにくい CSS 設計手法と命名規則 | murashun.jp［ ＋ expand ］CSS が破綻する理由セレクタに詳細度がある問題スタイルが子要素に継承される問題同じセレクタを多重定義できる問題スタイルが複合的に適用される問題破綻しにくい CSS 設計とはOOCSS構造と見た目の分離BEMSMACSSベースルールレイアウトルールモジュールルールステートルールテーマルールFLOCSSFoundation レイヤーLayout レイヤーObject レイヤーComponent レイヤーProject レイヤーUtility レイヤー禁止・非推奨・許容・推奨まとめ関連記事CSS が破綻する理由 CSS は以下のようなシンプルなフォーマットで構成されます。 selector{ property: value; } HTML 側の内容とセレクタがマッチすればスタイルが適用されます。このように CSS はとても単純な仕組みですが、その単純さゆえに大規模な実装
