Нужно ли писать в классе элемент и модификатор вместе по БЭМ?

Question

[Senseich]

Всем привет! Помогите внести ясность в вопросе по БЭМ.
Смотрел урок с этим примером: https://jsfiddle.net/neizerth/z7eycmLy/7/

Автор прописывает модификатор вместе с основным стилем. Вот например:

Я всё время думал, что достаточно модификатор написать для элемента. Правильна ли такая запись?

Comments

[Дмитрий]

для ссылок лучше так top-menu__link

модификатор top-menu__link--first

[Senseich]

Дмитрий, я немного не то спрашивал )

Обязательно писать так?top-menu__item-link top-menu__item-link_first
Разве нельзя просто написать модификатор: top-menu__item-link_first

Т.е. без top-menu__item-link , зачем это?

[Дмитрий]

Senseich, Это элемент - top-menu__item-link,

а это модификатор top-menu__item-link_first (Модификатор)

Answer 1

[Lynn «Кофеман»]

И это верный способ. Это даже в FAQ по БЭМ вынесено

https://ru.bem.info/methodology/faq/#%D0%9F%D0%BE%...

Comments

[Senseich]

У меня одного этот сайт не работает? )

[Антон Спирин]

Senseich, у меня только через VPN открывает. Провайдер TTK. Это все происки Роскомнадозора

[Senseich]

Антон Спирин, я так и понял ) у меня новый провайдер, даже какое то время в гугл адсенс не пускал

[Антон Спирин]

Senseich, ну мне вообще пришлось VPN десктопный покупать для работы, так как сервера нашего сервиса в облаке Amazon лежат. Такие дела) Даже JSFiddle без VPN недоступен.

Answer 2

[Вадим Кот]

Модификатор нельзя использовать самостоятельно https://ru.bem.info/methodology/quick-start/#%D0%9...

Answer 3

[Антон Спирин]

Правильна. Так как, если делать модификатор только для элемента, другой программист может написать нечто подобное:

<a href="http://mail.ru" class="item-link item-link_first">item</a>

и сам того не желая, переопределить ваши стили.

Соглашение по именованию.

UPD: не понял вопрос. Подумал, что вы хотите использовать такую запись:

<a href="http://mail.ru" class="top-menu__item-link item-link_first">item</a>

А вы спрашивали про такой вариант?:

<a href="http://mail.ru" class="top-menu__item-link_first">item</a>

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