Допускается ли по методологии BEM внутри вёрстки не присваивать некоторым тегам BEM-классы, а вообще оставлять элементы без классов?

Question

[Влад]

Допускается ли по методологии BEM внутри BEM-вёрстки не присваивать некоторым тегам BEM-классы, а вообще оставлять элементы без классов?

Пример:

<ul class="menu__links">
   <li><a class="menu__link" href="#about">О нас</a></li>
   <li><a class="menu__link" href="#portfolio">Наши работы</a></li>
   ...
</ul>

Или тегу необходимо тоже присвоить класс, хотя он по сути мне на фиг не нужен.

Answer 1

[mletov]

Ну если рассуждать логически: у элемента есть назначение, а раз есть назначение - должен быть и класс, который это назначение описывает. А если назначения нет, то "нафиг не нужен" не класс, а сам элемент

https://ru.bem.info/methodology/solved-problems/

Comments

[Влад]

Доходчиво написано. Спасибо. Убедили :-) Присвою:
<li class="menu__item">
и
<li class="menu__item--active">
Если проект пишу сам, то модификаторы я через два дефиса пишу. Мне так визуально легче ориентироваться.

[Иван В]

правильно будет
<li class="menu__item menu__item--active">
Документация.

[Виталий Першин]

Сергей delphinpro,

правильно будет menu__item menu__item_state_active

Не совсем так.

menu__item_active является булевым модификатором, который без значения считает true

[Сергей delphinpro]

Виталий, пожалуй да. menu__item_active вполне допустимо.
Но вдруг у меня состояний несколько? active, focus, disabled…Что делать?

[Виталий Першин]

Сергей delphinpro, Это уже другой вопрос. Правильный ответ зависит от контекста, я просто указал, что булевый модификатор тоже правильно.

[Сергей delphinpro]

Виталий, так и я с вами согласился.
вопрос в том что считать булем. "активный/неактивный" - буль
а "состояние = активный" - уже не буль.

[Виталий Першин]

Сергей delphinpro, Вы задали вопрос и сами на него ответили или я чего-то не понимаю?) У булевого модифкатора 2 состояния, неявное true, когда он есть, и false, когда модификатора нет.

[Одиночка Айс]

menu__item menu__item_active

Какая параша ваш БЭМ...

[Иван В]

Сергей delphinpro,
1) мой комментарий был о правильном применении модификатора.
2) а что касается твоих слов о формате наименования модификатора:

а та хуйня. что вы себе навыдумывали с двумя дефисами - голимое говно.

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

Answer 2

[Иван В]

Я, конечно, не "куратор тега CSS", но по БЭМ допускается чтобы у тегов отсутствовали классы.
Почему я так думаю?
1) В документации ни где не написано, что каждый тег внутри блока должен иметь класс.
2) В контексте БЭМ "тег" !== "элемент".
Например, если есть "элемент" содержащий текстовый контент, нет смысла давать класс тегу <strong> и даже тегу <p> если его внешний вид вам подходит.
3) Сам Яндекс (создатель БЭМ) спокойно оставляет теги без классов. Пример на этой странице https://yandex.ru/dev/maps/mapsapi/
Если посмотреть код, видно, что параграфы, ссылки, списки, "выделенный" текст не имеют классов. Если сами создатели так делают, то и вам можно :)