html - 要素は bem にブロックを含むことができますか

Question

以下のようなコードを書くのは間違っていると言われました。要素にブロックとその悪いビームを含めることはできないと思います

<ul class="b-nav">

    <li class="b-nav__item">

         <a href="#" class="b-nav__item__link"> Item </a>


     </li>

 </ul>

このように書こうと思ったのですが、階層も表示されません。

<ul class="b-nav">

    <li class="b-nav__item">

         <a href="#" class="b-nav__link"> Item </a>


     </li>

 </ul>

これは別の方法ですが、私には上記の例よりも悪いようです。

<ul class="b-nav">

    <li class="b-nav__item">

         <a href="#" class="b-link"> Item </a>


     </li>

 </ul>

私が最初にコーディングした方法は間違っていますか？もしそうなら、その理由と、最良の代替手段は何ですか。

score 8 · Accepted Answer

2 番目または 3 番目のサンプルを使用する必要があります。

または、これを使用することもできます (BEM ミックスを使用します。これについてはロシア語で説明しています)。javascript コードからlinkelemにアクセスする必要がある場合に役立ちます。b-nav

<ul class="b-nav">

    <li class="b-nav__item">

         <a href="#" class="b-nav__link b-link"> Item </a>

     </li>

 </ul>

score 3 · Accepted Answer

リンクがアイテムに属していても、nav_item__link よりも nav_link のほうが受け入れられると思います。ヒエラルキーを示すにはやり過ぎだったのかもしれません。結局、両方とも同じブロックに属します。

以下の各リンクのコメントでいくつかの例を見ました

3 に答える 3