BEM を使うべき5つの理由（なぜ BEM が G.R.E.A.T といえるのか） - Frasco

CSS は、比較的簡単に使いこなすことができます。しかし、それを使い続け綺麗な状態を長期的に保つこととは全く別の話です。知らず知らずのうちに乱雑になっていきます。ありがちですよね？そんな時、命名規則の出番です。様々な選択肢がある中で私が選んだのが BEM なのです。 BEM とは何か BEM とは、命名規則の一種で、モジュラーでメンテナンス可能なスタイルを書くことができます。 BEM は、Block-Element-Modifier の略語で、クラス名は3つ[^1]のパートから成ります。実際の表記は block__element--modifier となり、Block から始まり、次に Element（アンダースコアが2つ）、そして最後に Modifier が続きます（ダッシュが2つ）。 画像1：BEM で命名されたコンポーネントの例 Block（ブロック） Block は、独立しており再

[megazalrock]

Scoped CSS使うと一瞬で不要になる辺り過渡期の手法だと思うけど、現状だと結局BEMでやるしか無いみたいな悲しみ。

[diveintounlimit]

完全にHTML/CSSの目指す方向とは逆側に向いてるけど、まぁ考え方次第かなぁ(´・ω・｀)

[s99e209]

BEM は、CSSセレクタのネストが最小限になるため、簡単にバリエーションを追加することができ、同等のセレクタの詳細度のような苦労がない。

[progrhyme]

CSSクラス命名規則のベストプラクティスかな

[ledsun]

標準で、Elementの階層は「ない」のか。勘違いしてた

[lenore]

短くて良い命名規約は無いものか

[ustam]

ただし、BEMはHTMLが冗長で見づらくなるから 、もうちょっと工夫の余地があるかもね。