BEMでのブロックとエレメントは下記の場合なら、
1.
下記がブロックで
下記がエレメント
<a class="animation-hover action-hover modal-button-wrap__button">
<span class="modal-button-wrap__border"></span><!-- border -->
<span class="modal-button-wrap__border"></span><!-- border -->
<span class="modal-button-wrap__border"></span><!-- border -->
</a>
下記がブロックで
<div class="modal-button-wrap">下記もブロックでしょうか?
<a class="animation-hover action-hover modal-button-wrap__button">
<span class="modal-button-wrap__border"></span><!-- border -->
<span class="modal-button-wrap__border"></span><!-- border -->
<span class="modal-button-wrap__border"></span><!-- border -->
</a>
<!-- drawermenu-button --> <div class="modal-button-wrap"> <a class="animation-hover action-hover modal-button-wrap__button"> <span class="modal-button-wrap__border"></span><!-- border --> <span class="modal-button-wrap__border"></span><!-- border --> <span class="modal-button-wrap__border"></span><!-- border --> </a> </div>
ラッパーやコンテイナーなどの大枠がある場合、中身も大枠もブロックなのか、
大枠だけブロックで、中身はエレメントなのか悩みます。
どのように区別していますか?
お手数ですが、よろしくお願いします。
難しい用語が中心だとわからないので、お手数ですが初心者にもわかるように、教えて頂ける方にお答えいただければありがたいです。
上から目線や、回答になっていない苦言などの回答はしないでください。
すぐに報告します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/03/20 09:59
2016/03/20 13:57 編集
退会済みユーザー
2016/03/21 05:19
2016/03/22 12:16
退会済みユーザー
2016/03/23 08:14
2016/03/23 13:50 編集