Правильна ли вложенность структуры по бэм?

Question

[Hfnas]

<div class="crm-form-calc__table-cell">
        <span  class="crm-form-calc__table-cell_span></span>
</div>

Answer 1

[Сергей delphinpro]

нет. Модификатор применяется к тому элементу или блоку, который он должен модифицировать

<div class="crm-form-calc__table-cell crm-form-calc__table-cell_span">

</div>

Comments

[Hfnas]

Сергей delphinpro, а как должно быть?

<div class="crm-form-calc__table-cell">
        <span  class="table-cell-inner-span"></span>
</div>

[Сергей delphinpro]

Hfnas, по-разному можно.

Если table-cell-inner-span - самостоятелен, то можно и так как вы написали - отдельным блоком.

Если crm-form-calc__table-cell можно выделить в блок то можно так

<div class="crm-form-calc__table-cell someblock">
        <span  class="someblock__span"></span>
</div>

Если table-cell-inner-span не имеет смысла в отрыве от crm-form-calc, то он может быть элементом этого блока

<div class="crm-form-calc">
    ....
    <div class="crm-form-calc__table-cell">
        <span  class="crm-form-calc__cell-span"></span>
    </div>
    ....
</div>

Правда теперь не понятно, зачем вы говорили о модификаторе.

[Hfnas]

Сергей delphinpro, спасибо!
а модификаторы js
Так писать?

div class="input-block__grp">
                        <input
                          class="input-block__field input-block__field-weight-tn_js"
                          autocomplete="off"
                          type="text"
                          value=""
                          readonly
                        />
                      </div>

[Сергей delphinpro]

Hfnas, Я предпочитаю отдельный класс или атрибут, при условии, что для этого класса не будет написано ни одного css правила.

<input
    class="input-block__field  js-input-block"
/>

<input
    class="input-block__field"
    data-input-block
/>

[Hfnas]

Сергей delphinpro, спасибо огромное!