Как я называю эти классы по методологии БЭМ?

Question

Изображение ниже является выводом моего кода

Верны ли эти имена в методологии БЭМ?

<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 - это плохое имя для компонента / блока, поскольку оно действительно общее и не указывает на назначение блока.

Для модификаторов вы должны использовать как элемент, так и модификатор в атрибуте класса, например, 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>