Есть ли какая то концепция именования блоков НЕ по смыслу в html?

Question

[godsplane]

Например у мня есть блок преимущества.
Я могу его назвать features__wrapper
Но так же я могу просто назвать его grid-4.mb-2 и тд
то есть указывать не на принадлежность блока к какому то виду (преимущества, блок о нас итд) а именовать именно по его виду.
Можно ли где то об этом почитать и правильно ли так делать?

Comments

[Ankhena]

Можете.
А ещё можете даже так class="features__wrapper grid-4 mb-2"

правильно ли так делать?

Правильно - это так, чтобы было максимально понятно вам, вашей команде и тем кому может попасть в руки ваш проект.

Можно ли где то об этом почитать

Читайте про атомарный CSS.
А также, для расширения кругозора, гуглите по запросу "методологии именования классов в css"

[Алексей Дубровин]

БЭМ

[godsplane]

Ankhena,

А ещё можете даже так class="features__wrapper grid-4 mb-2"

Да я могу, но тогда это делает блок уникальным что выделяется из концепции.
Вообще яэтот вопрос задал, поому что обычно крупные проекты используют именно утилитарный подход, значит ли это что он так хорош?

[Ankhena]

godsplane, а другие крупные проекты используют БЭМ.

Answer 1

[Сергей]

Это утилитарный подход (так называемый атомарный css): один класс - (преимущественно) одно стилевое правило. Читайте документацию utility-first фреймворков. Самый крупный игрок в этой области - Tailwind CSS. Также в Bootstrap 5 появилась возможность использовать (в том числе задавать свои) классы-утилиты.