Как правильно записать по БЭМ?

Question

[Алексей Орлов]

<div class="rating">
    <ul class="rating__list">
        <li class="rating__item">
            <div class="rating__*"></div> или <div class="rating__item__*"></div> Как правильно по БЭМ?
        </li>
   </ul>
</div>

Answer 1

[WapSter]

В документации говориться, что нельзя называть давать названия элемент элемента rating__item__* твой случай. И почему ты спрашиваешь? Во второй и третьей строке правильно же назвал блоки.

Comments

[Алексей Орлов]

Подумал, что, возможно, правило для div в элементе меняется)

[Алексей Орлов]

т.е. block__element___element такого быть не может вообще, если по БЭМ?

[Пашенька]

Алексей Орлов, разметка не валидная. div не может быть ребенком li.

[WapSter]

Пашенька, div и любой другой тег кроме li запрещен в списках ul ol, внутри li может быть. Но не стоит злоупотреблять, так как screen readers обращают на списки внимание.
Алексей Орлов, block__element___element да такого вообще не может быть, и вообще сначала нужно теорию прочитать пару видео на youtube посмотреть, исчезают глупые вопросы.

Подумал, что, возможно, правило для div в элементе меняется)

БЭМ это про именование, а не про семантику, и для всех элементов правила одни и те же.

[Пашенька]

WapSter, точно, чет переклинило.

[Liuonid]

Когда пишешь про бэм нужно держать в голове имя-блока__имя-элемента_модификатор_значение-модификатора, так и наименовать классы. Если нужно создать элемент элемента, то в таком случае создается блок. В блоке прописываются миксины, это элемент блока для вложенного блока, т.к. блоки не должны знать свое позиционирование.

[Алексей Орлов]

WapSter,

div и любой другой тег кроме li запрещен в списках ul ol, внутри li может быть. Но не стоит злоупотреблять, так как screen readers обращают на списки внимание.

Значит в таких случаях лучше отказаться от li? Ибо внутренний контент в элементах списка нужно как-то позиционировать, например, такой контент как: картинка, заголовок, описание.