OOCSS とは

OOCSS

ocss
文書

  • 構造と見た目の分離
  • コンテナとコンテンツを分離

例：

cssの設計をするにあたって

設計

BEMも使ってみよう
このサイトいいかも

文字でもまとめとく。 BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。

  • Block - 構成のルートとなる要素。すべてはここから始まると言っても過言ではない。
  • Element - Blockに所属する子要素。必ずBlockの中にいて単体では生きられない。
  • Modifier - 元となるBlockまたはElementから変化した状態を表す要素。