Как правильно делать по бэм?

Question

[vvanyazz]

Допустим у меня шапка делиться на верх и низ и вверхней и нижней части есть меню так как правильно сделать названия для меню ?
делать спец блоки для частей по типу: top-header и относительно него делать уже top-header__menu или как?

Answer 1

[iBird Rose]

почему вы всегда забываете, что блоки вы можете плодить как угодно и где угодно. вкладывать блоки внутрь блоков тоже сколько угодно.
в твоем случае, если у тебя меню получается слишком громоздким, то сделай из него отдельный независимый блок.
который даже к header может не относиться. т.е. внутри .top-header у тебя будет блок .main-navigation или .main-menu
и использовать уже сможешь его не только в хедере, а где угодно.

Comments

[vvanyazz]

а вот допустим с элементами списка типо такого header__list как поступить с названием элементов будет ли правильно сделать типо header__list-item или как?

[iBird Rose]

vvanyazz, можешь. ну и не проще сделать как выше сказал - не привязываться к header. делаешь .list, а внутри .list__item
ну либо какой-то другой list. чтобы был универсальный. не привязанный к другому блоку

[vvanyazz]

iBird Rose, спасибо вам, css гений :)

[Ankhena]

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

Answer 2

[approximate solution]

Сделайте себе привычку добавлять кастомные\дополнительные стили по такому алгоритму

header class header
    nav class nav header__nav

где class="nav" вы описываете стили, которые применимы только к навигации, что позволяет вам помещать блок nav сколь угодно раз, и куда угодно. Аheader__nav отвечает за позиционирование navвнутри блока header, так как nav является дочерним элементом блока header.

По итогу когда вы сверстаете макет, у вас получится куча независимых блоков, и сетку + позиционирование вы будете делать уже добавляя блок__элемент = позиционирование

Comments

[vvanyazz]

я вообщем так и делаю)