エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
今更ながらBEMについてと、それに対応するSassについてまとめてみる - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
今更ながらBEMについてと、それに対応するSassについてまとめてみる - Qiita
今更ながらBEMについてのまとめです。 学習コストも低く、取り入れやすいので、勤めている会社でもこち... 今更ながらBEMについてのまとめです。 学習コストも低く、取り入れやすいので、勤めている会社でもこちらを使用しています。 以前は、BEMとMindBEMdingはわけて読んでいた気がしますが、今ではBEMといえばMindBEMdingという感じでしょうか? BEMでは基本的にclassを使用します。 そして、クラス名は、Block, Element, Modifierの3つに分けて考えます。 Blockは全体を指すもので、その要素がElement、BlockとElementそれぞれの別バージョン(色違いなど)がModifierと呼ばれます。 具体例を見てしまった方がわかりやすいと思います。 <div class="media"> <div class="media__image"> <img src="" alt="" /> </div> <div class="media__text">