BEM設計(CSS設計)

BEM（ベム）は、下記の3つの要素の頭文字から名付けられた設計手法です。

Block

枠組みとなる要素のこと。セクションやコンテナをBlockとして扱うケースが多いです。

Element

Blockの中に存在する子要素のこと

Modifier

BlockやElementを修飾するもの。activeやlargeのように状態を管理する場合もModifierで指定するようにします

https://webdesign-trends.net/entry/9214

メンテナンス性が向上する

大規模なWebサイトでも整ったコードで作れる

複数人でのコーディングが行いやすくなる