Корректно ли иметь вложенный элемент с классом input__label-text в input__label?

Question

[DemonCyborg]

Имеется блок инпута:

<div class='input'>
  <label class='input__label'>
     <span class='input__label-text'>Label text</span>
     <input class='input__control'>
  </label>
</div

Недавно начал изучать/использовать БЭМ. Не могу понять правильно ли такое именование классов элементов? По БЭМ ведь нельзя создавать элементы элементов, но класс с названием input__label-text больше похож на элемент элемента, хотя он и не input__label__text. Корректно ли подобное именование классов?

Comments

[WapSter]

Почему нельзя? В спеке говориться что может быть любая вложенность элементов. Где ты прочел что нельзя тыкни носом. Нельзя создавать классы элементов в элементе типо 'input__label__label-text вот что нельзя. Я бы тебе посоветовал прочитать внимательнее документацию.

[Марти Макфлай]

WapSter, он имеет в виду, что запрещено делать элементы элементов

[WapSter]

Марти Макфлай, это не запрещено.

[Марти Макфлай]

WapSter, нет, запрещено :)

[DemonCyborg]

WapSter, я не имел в виду вложенность элементов в элемент.

[WapSter]

Марти Макфлай, https://ru.bem.info/methodology/quick-start/#%D0%B... поучи меня блин.

[Марти Макфлай]

WapSter, ...
Там как раз и написано!

Элемент — всегда часть блока, а не другого элемента. Это означает, что в названии элементов нельзя прописывать иерархию вида block__elem1__elem2.

Вы видать посмотрели кусок кода, над которым написано, что вот так писать нельзя.

[WapSter]

Марти Макфлай,

Блок может иметь вложенную структуру элементов в DOM-дереве:

Пример

<div class="block">
    <div class="block__elem1">
        <div class="block__elem2">
            <div class="block__elem3"></div>
        </div>
    </div>
</div>

повторяю не учи меня.

[Марти Макфлай]

WapSter, разговор то о том, что нельзя делать элементы элементов. В коде, указанном вами выше, как раз таки их и нет. Есть один блок, в нём его элементы.
С таким пафосом надо стараться понимать, что говорите.

[WapSter]

Марти Макфлай, Тогда вернись и прочти мой первый комментарий. И не подымать спор на ровном месте чтобы не получить тонну пафоса в лицо, если я задел твои тонкие чувства, извини. И да я прочел вопрос и не увидел в нем элемент элемента, а лишь вложенность, а ещё глупый вопрос который на себя и отвечает.

Answer 1

[Марти Макфлай]

Да, так можно.

input__label-text больше похож на элемент элемента,

Нет, не похож, разделять название класса с помощью тире – вполне нормальная практика.

Только конечно же input__label-text – это не элемент элемента input__label, а такой же, как и он элемент блока input

Comments

[DemonCyborg]

Спасибо большое за ответ!