Как избежать вложенности в БЭМ?

Question

[TedMarsh]

Как избежать здесь вложенности по БЭМ? Присваивать ссылкам header__list-first-link и header__list-second-link?

Comments

[Realetive]

Привет. Что именно смущает во вложенности?

[TedMarsh]

Realetive, Можно ли так использовать вложенность или нужно чтото прописывать элементам? Спасибо

[Realetive]

TedMarsh, можно. Но пример сильно выдуманный — непонятно, почему одни ссылки одного цвета, другие — другого. Тут с успехом мог бы быть модификатор, но из разметки такие выводы не сделать без дизайна.

[TedMarsh]

Realetive, первые ссылки должны иметь ховер, который выходит слева, а вторые - ховер справа

[TedMarsh]

И их разделяет лого:)

[Realetive]

TedMarsh, тогда каскад (вложенность) тут оправдан.

[Полина Емельянова]

Привет.)))
1. Если дизиГн позволяет, то пересмотреть разметку.
Есть элементы с одинаковым отображением и поведением - на них один класс
2. Если дизайн упорот - модификатор.
И опять же - насколько упорот. Если близнец имеет разный функционал - предположим тут это боттон, а там - это лабл, и страницу генерит бек... Тут проще вообще разнести по разным классам.

Относительно вложенности и глубины вложенности.
Я лично стараюсь не нырять глубже 3-го уровня. Мне еще не встречался проект, в котором потребовался бы более специфичный селектор.

И да, ВЛОЖЕННОСТЬ - это вес селектора. Его специфичность. Тогда выходит, если это оправдано - ныряем!

*ВСЕ ВЫШЕОПИСАННОЕ Мое личное ИМХО!