Не противоречит ли данный код бэму?

Question

[olya_097]

https://jsfiddle.net/w3ntsbkq/

Comments

[Александр Вульф]

Какому БЭМу? Тут вообще по ссылке нет CSS.

[olya_097]

Александр Вульф, и что? в HTML есть классы
то я сверстаю
суть в HTML

Answer 1

[NaN]

Есть один момент
Совмещение тега и класса в селекторе, например, ваш класс round-diagram__button

В целом вроде пойдет

Comments

[olya_097]

NaN. спасибо
тоесть лучше так?

<a href="#" class="button">Узнать больше об исследовании</a>

[NaN]

olya_097, не совсем, просто лучше в классах не использовать названия тегов, можно написать что-то вроде round-diagram__action

[olya_097]

NaN, ок
но это как я поняла рекомендация, а не правило, верно?

[NaN]

olya_097, вообще да, но лучше смотреть на это с другой стороны. Что, если кнопка перестанет иметь функцию кнопки, а станет, например, ссылкой. И наоборот. Action более общее название и подойдет для любого из таких случаев

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

olya_097, Вся методология БЭМ это рекомендация. Если вы уверены что кнопку не будете переиспользовать, тогда делаете её элементом блока . Если есть вероятность того что кнопка будет использована в другом месте, тогда делаете её блоком. Для индивидуальных настроек используете микс:

<a href="#" class="button round-diagram__button">Узнать больше об исследовании</a>

[Вадим Кот]

NaN Не нужно людей вводить в заблуждение. БЭМ не рекомендует совмещать классы и теги в селекторах. Где вы здесь узрели селекторы, если даже нет стилей для разметки? По вашему класс .button не рекомендуется методологией БЭМ? Вы что то явно недопонимаете.