html – 元素可以包含bem中的块

有人告诉我,编写代码就像我在下面那样错了.我想元素不能包含块和它的坏b.e.m.

<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>

我最初编码错误的方式是什么？如果是这样,为什么,什么是最好的选择.

解决方法

您应该使用第二个或第三个样本.

或者你可以使用这个(它使用BEM混合物;我们在俄语中有一个talk).然后你需要从javascript代码访问b-nav的链接elem.

<ul class="b-nav">

    <li class="b-nav__item">

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

     </li>

 </ul>