BEMについて教えてください

Question

・下記の例だとmedia-bodyというエレメントの中にさらにheaddigとtextというエレメントがさらに中にありますが、エレメントの中にエレメントが入るというのは、
正しいのでしょうか？

その場合ブロックの中にブロックがあるというのも正しことになると考えてよいでしょうか？

https://teratail.com/questions/26014?whotofollowのつづき

・Modifierについて
下記画像にlabel__color_lifeというものがあります。
Modifierはlabel__text-lifestyleという書き方でなく、label___color＿lifeとなっていますが、なぜテキストなのにカラーなのかということと、
color＿lifeという書き方をするのでしょうか？
text-lifestyleではいけないのでしょうか？
独特な書き方ですよね。

下記のスライダーの43ページ目です。
ModifierはBlock__Element__lifeではなく、Block__color_life
https://schoo.jp/class/2690

また、下記のような例も見つけたのですが、
問い合わせフォームそのものが、ブロックになっていますが、ボタンなど要素一つ一つがブロックではないのですか？
どうもブロックとエレメント敷居がわかりません？
そこまで現場でもこだわる必要はないでしょうか？
そのあたりはアバウトでしょうか？

Answer 1

自分は、

• blockは、それ自体を丸ごと移動できる単位
• elementはblock内にある各要素
• modifierは色とかホバーとかの状態を表すもの

という理解をしてます。

Comments

[退会済みユーザー]

お返事ありがとうございます。
label___color＿lifeとなっている理由はわかりますか？
この方が間違えているのでしょうか？
label___text＿lifeではないのでしょうか？

[ogaaaan]

これ、BEMっぽいけどBEMになってないすねー。

こういうBEMっぽいクラス名、よくあるので、
参考にしないほうがよかもしれないす。

[ogaaaan]

<article class="media">　　　　　<- BEMっぽい
　<a href="#" class="media-link">　　<- BEMっぽい
　　<img sec="image.png" alt="">　<- BEMっぽい
　　<div class="media-body">　　<- BEMっぽい
　　　<h2 class"heading-primary"> <- OOSCCっぽい
　　　<p class="media-text">　　<- media-body-textじゃないの？
　　</div>
　</a>
</article>

こんな感じですかね。