CSSの設計方法をまとめてみた~BEM編~ - Qiita

BEMについて、簡単にまとめる。 詳細な部分に関しては以下の記事がわかりやすかったので、参考にされると良いと思う。 bem-methodology-ja/index.md at master · juno/bem-methodology-ja BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号 BEMとは Block、Element、Modifierの略。 DOMを構成する各要素をBlock、Element、Modifierのどれかに当てはめて命名する。 正直なところCSSのclass名は冗長になるので最初は冗長に感じるかもしれないが、がっつり命名規則が決まるので段々と楽に感じてくるかもしれない。 BEMのメリット BEMの公式ドキュメントでは、以下の問題を解決するとしている。 なお、以下の英語の部分はBEMの公式ドキュメントから引用しているものである。 B