【CSS設計】基礎まとめ
命名規則
Block-name__Element-name_Modifier-name
Block
周りに影響を及ぼすスタイリング(position,float,margin)をしてはいけない
block内にblockがネスト→MIX
Element
block内に必ずないといけない
blockの名前を継承しないといけない
Modifier
見た目、状態、振る舞いを定義するためのもの
単独で使うことはない。必ずBlockかElementがある状態で2つ目以降のクラス名として使用
参考はCSS設計 完全ガイド
この記事が気に入ったらサポートをしてみませんか？