Как правильно именовать, элементы при большой вложенности?

Форум /

Приветствую, начинаю изучать БЭМ столкнулся с такой проблемой, как правильно именовать элементы при большой вложенности? Пример:

<div class="profile">
        <div class="profile__slider">
            <div class="profile__slider-slide">
                <div class="btn profile__slider-slide-btn"></div>
                <div class="message profile__slider-slide-message" ></div>
            </div>
            <div class="profile__slider-slide profile__slider-slide_something">
                <div class="btn profile__slider-slide-btn"></div>
                <div class="message profile__slider-slide-message" >
                    <div class="profile__slider-slide-message-bold"></div>
                </div>
            </div>
        </div>
    </div>

Можно использовать данное именование: profileslider-slide-message, которое говорит что это элемент "message" является потомком элемента "slide", который является потомком элемента "slider", который является элементом блока "profile". В данном случае profileslider-slide-message также является элементом блока "profile", хотя это не совсем логично, но обеспечиваться локализация данного элемента, в том плане что он будет уникальным.

5 years ago

Realetive

Вы явно не с того начали изучение, посмотрите официальную документацию — там более понятная интерпретация взаимоотношений блоков и элементов. Вложенность в БЭМ не имеет значения и с бо́льшей вероятностью в вашем конкретном случае она абсолютно не нужна, но по одной только HTML-разметке (без контекста, дизайна) это понять сложно. Например, ваш же код можно выразить так:

<div class="profile">
  <div class="slider">
    <div class="slider__item">
      <div class="btn"></div>
      <div class="message"></div>
    </div>
    <div class="slider__item slider__item_something">
      <div class="btn"></div>
      <div class="message">
        <div class="text text_weight_bold"></div>
      </div>
    </div>
  </div>
</div>

Я убрал все отношения вложенных элементов к блоку profile, потому что не вижу в них смысла (недостаточно контекста), а через миксы уже выразил бы отличия самостоятельных блоков от вложенности.

Чтобы оставлять комментарии, необходимо авторизоваться.