Лучшая практика для применения стиля модификатора к блоку или элементу

Question

У меня вопрос о том, как лучше всего применить стиль к блоку или элементу с помощью подхода ABEM к форматированию CSS и именам классов.

Я работаю над сайтом с WordPress иЯ решил использовать SCSS и использовать ABEM (атомарный) подход к форматированию BEM (блок, элемент и модификатор) и метод именования классов.Я знаю, что не должен добавлять модификатор непосредственно к элементу, поэтому не так: <div class="-padding">To achieve some padding </div>.Вместо этого сделайте это <div class="a-col -padding">Better way to achieve some padding</div>.Вот моя проблема:

Должен ли я добавить -padding к a-col (как выше), чтобы добиться заполнения, или блоку a-col должен быть применен к нему отступ непосредственно в его CSS?

Answer 1

Для меня нет причин использовать модификатор в вашем случае, так что лучше объявить заполнение непосредственно на a-col.

Блок в БЭМ здесь, чтобы сделать часть вашегоCSS можно использовать независимо от контекста использования.Но иногда вам придется иметь дело с конкретными случаями.Например, в конкретном случае блок должен быть темнее или меньше.Вот почему у нас есть модификаторы.

В вашем случае:

• Вы просто хотите повторно использовать заполнение?
  => Вам следует создать блок
• Это столбец, и у вас уже есть блок для него, но у этого должен быть отступ?
  => Вам следует создать модификатор