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

Question

[Монти Пайтон]

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

Comments

[Максим Грищенко]

не понятный вопрос!

[Монти Пайтон]

Максим Федоров,

не понятный вопрос!

ну есть атрибут class, и внём через пробел перечисляются классы:
class="class1 class2 class3 class4 class5"

приоритет отдаётся первому классу как "глобальному", который задаёт общие черты блока, или порядок не важен вообще?

[Максим Грищенко]

Ostin1, ну по правилам HTML порядок не важен, а вот для чтения конечно понятней к какому модулю он относится, что из себя сам представляет и какой модификатор имеется :)

<div class="nav nav--top>
    <div class="nav__header nav__header--black">
        ...
    </div>
</div>

понятно сначала, что это
потом понятно, какой именно этот элемент

[Максим Грищенко]

на скрине, как я понимаю эту парадигму -- пример не БЭМ

[Монти Пайтон]

Максим Федоров,

на скрине, как я понимаю эту парадигму -- пример не БЭМ

на скрине код подкаста Вадима Макеева из HTML Академии по Интенсивному CSS по БЭМу

[Монти Пайтон]

Максим Федоров, если вы про нотацию или синтаксис, то там они учат что надо делать:

наш-блок__элемент--модификатор

[Максим Грищенко]

Ostin1, выше в прмиере я отобразил это

[Монти Пайтон]

Максим Федоров,

пример не БЭМ

Тогда не понимаю, что означает "пример не БЭМ"?

[Максим Грищенко]

Ostin1,

на скрине, как я понимаю эту парадигму -- пример не БЭМ

Максим Федоров, если вы про нотацию или синтаксис, то там они учат что надо делать:
наш-блок__элемент--модификатор

<a class="button button--copyright"></a>

[alvvi]

на скрине, как я понимаю эту парадигму -- пример не БЭМ

На скрине все по БЭМ-у.

[Монти Пайтон]

Максим Федоров, примерно понял что вы имеете ввиду, но может там изображено миксование блоков?

[Максим Грищенко]

Илья Ростопка, а разве не так?
<a class="button button--copyright"></a>

[alvvi]

Максим Федоров, так вы просто добавили модификатор, а на скрине - блок является элементом блока выше по иерархии. Это разные вещи.

В селекторе .copyright__link может содержаться внешняя геометрия (отступы), например, если же поместить такие стили в .button--copyright то это уже как раз будет не по БЭМ-у.

[Максим Грищенко]

Илья Ростопка, ну тогда нужно .button убрать, иначе тут элемент и батон и какой-то внутренний

я не верстальщик совсем, но читая доку и видя верстку других проектов больших видел, что раз кнопка по БЭМ делается, значит делается по БЭМ

а тут и так и этак

[Монти Пайтон]

Максим Федоров, кнопка по всей видимости универсальная в рамках всего проекта, которая может использоваться для любых других кнопок в не блока, а в любых местах проекта, задающая общий стиль кнопкам, в стиле которого только то, что объединяет все остальные кнопки

[Максим Грищенко]

Ostin1, это по БЭМ можно?

[Монти Пайтон]

Максим Федоров, мне кажется это разумным, ведь это позволяет делать переиспользование одного и того же, то ради чего БЭМ и создавался наверное

[alvvi]

Максим Федоров, блоки могут быть элементами блоков выше по иерархии. В методологии это называют микс. https://ru.bem.info/methodology/key-concepts/#%D0%...
Если вы уберете .button, вам придется к каждой кнопке в разных блоках дублировать стили, что конечно глупо.

[Максим Грищенко]

Ostin1, ну тогда я сдаюсь и не так понял документацию по БЭМ, давно читал в добавок

[Монти Пайтон]

Максим Федоров, такой подход очевидно видимо сильно экономит код

[Максим Грищенко]

Ostin1, да я в таком же подходе и делаю, просто думал я и не делаю по БЭМ
я бекендер просто :)

[Монти Пайтон]

Максим Федоров, разбиение на блоки и их миксование делается вроде для того чтобы среди блоков был понятно что мы описываем, держа дерево максимально плоским и упрощённым, как можно чаще исключая из названий блоков префиксы родителей, так кажется проще читать потом код

[Максим Грищенко]

Ostin1,

да я же знаком с БЭМ, ну как вы и поняли по ответам, просто не профиль мой, потому и странным показалось смешение :):):)

Answer 1

[Camaro67]

Вы имеете ввиду в каком порядке они указываются? Если да, то не имеет значения.

Comments

[Монти Пайтон]

Для HTML нет, а по БЭМу есть такая особенность?

[Монти Пайтон]

и стили не будут перекрывать друг друга изза разного порядка их подключения?

[alvvi]

Ostin1, нет, внутри HTML нет разницы в каком порядке вы напишите классы.

[Camaro67]

Ostin1,

и стили не будут перекрывать друг друга изза разного порядка их подключения?

Нет конечно, указывайте классы в каком хотите порядке, максимум на что это повлияет, так это на восприятие при просмотре исходного кода.