@iminby

Микс БЭМ, правильно ли Элемент другого блока вставить миксовый блок?

Что-то я задумался на моменте.
Если миксуем блок, можно ли использовать в миксовоном блоке элементы другого блока, например
<header class="header">
         <div class="header__wrapper">
            <div class="header__logo">
               <img src="img/logo.jpg" alt="Логотип" class="header__logo-link">
            </div>
            <div class="header__time">
                <ul class="list header__list">
                    <li class="header__item">Пн-Пт: 9:00 - 18:00</li>
                    <li class="header__item">Сб, Вс: выходной</li>
                </ul>
            </div>
            <div class="header__mobile">
                <ul class="list header__list">
                    <li class="header__item"><a href="tel" class="header__link"></a></li>
                    <li class="header__item"><a href="tel" class="header__link"></a</li>
                </ul>
            </div>
        </div>
    </header>


Или делать модификатор вместо элемента?
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
Realetive
@Realetive
MODX Ambassador России, самозванный БЭМ-евангелист
Да, конечно. li в этом случае одновременно и элемент header, и элемент list. При этом li.list__item знает, что у него, например, list-style: none; (хотя, это логичнее задать у ul.list.list_type_unstyled { list-style-type: none; }, но для примера — сойдёт), а li.header__item «задаёт» отступы ( .header__item + .header__item { margin-left: 1em } ).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы