我如何根据 BEM 方法命名这些类？

Question

下图是我的代码的输出

这些名称在 BEM 方法下是否正确？

<div class="container">
    <div class="container__button-row--1">
        <div class="button-row__button--first"></div>
        <div class="button-row__button"></div>
        <div class="button-row__button"></div>
        ...
        <div class="button-row__button--last"></div>
    </div>
    <div class="container__button-row--2">
        ...
    </div>
</div>

Answer 1

鉴于您问题中的示例代码，我建议如下。但我还要指出，container 对于 component/Block 来说是个坏名字，因为它真的很笼统，并不表示块的目的。

对于修饰符，您应该在 class 属性中同时使用元素和修饰符，例如block__element block__element--modifier

<div class="container">
    <div class="container__button-row container__button-row--1">
        <div class="container__button container__button--first"></div>
        <div class="container__button"></div>
        <div class="container__button"></div>
        ...
        <div class="container__button container__button--last"></div>
    </div>
    <div class="container__button-row container__button-row--2">
        ...
    </div>
</div>

我如何根据 BEM 方法命名这些类？

How do I name these classes under the BEM methodology?

bem

我如何根据 BEM 方法命名这些 类？

How do I name these classes under the BEM methodology?

bem

我如何根据 BEM 方法命名这些类？