Задать вопрос
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
html

Допустимо ли в БЭМ задавать блоку модификатор?

Собственно, вопрос в САБЖЕ.
Я имею ввиду, допустимо ли писать так:

<div class="block--mod">
  <div class="block--mod__elem"></div>
  <div class="block--mod__elem--mod"></div>
</div>
  • Вопрос задан
  • 687 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
Palehin
@Palehin
Frontend 
<div class="block block--mod">
  <div class="block__elem block__elem--mod"></div>
  <div class="block__elem block__elem--mod"></div>
</div>
Ответ написан
1 комментарий
1 комментарий
freepad
@freepad
Допустимо задавать блоку модификатор.

У вас же написан модификатор элемента.
Если использовать БЭМ-нейминг от яндекса то нужно писать:
.block__elem--mod.block__elem--mod
Но есть варианты нейминга с сокращенной запиюсью модификаторов, к примеру вот так:
.block__elem..--mod
Ответ написан
7 комментариев
7 комментариев
Пригласить эксперта
Ответы на вопрос 1
GriNAME
@GriNAME
Front-End Developer, Android Developer
Класс модификатор один не используется. То есть всегда надо писать минимум 2 класса
block block_mod
block__elem block__elem_mod

Если у вас модификаторы блока сильно меняют сам блок то для элементов создайте модификаторы, которые будут подстраивать элементы под тот или иной размер / отступы / цвет / форму блока.
Если блок одного стиля, то для элементов такой модификатор. Если блок другой то и другие модификаторы для элементов

Например
block block_big
block__elem block__elem_big

block block_small
block__elem block__elem_small
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Ещё заказы