BEMとは - Qiita

BEM 多くの開発者が取り入れているCSS設計(CSSを記述する時のルール)です。BEMは、厳格なクラスの命名規則が特徴です。BEMはBlock、Element、Modifierの頭文字を取ったもので、ページを構成する要素をBlock、Element、Modifierのどれかに当てはめてクラスを命名します。 クラスの命名が簡単になる Block、Element、Modifierのみでクラスを命名することで、クラス名に悩むことがなくなります。 要素の再利用がしやすくなる 共通の要素を別の場所で再利用しようとしても、要素がHTMLに依存していると同じCSSを2つ書かなければなりませんでした。しかし、BEMを使用することで、クラスの命名がHTML構造に依存しなくなります。 HTML構造に依存しないことで、要素の再利用がしやすくなります。 Block ある要素の大元となるブロック要素です。Bloc