Как грамотно указывать классы в HTML?

Question

[nvlveu]

Допусти, есть два класса: .block и .small-block в CSS. Также элемент, который использует эти классы. Как грамотнее: <div class="block small-block"> или <div class="small-block">(с наследованием .block у .small-block и добавлением в него других стилей)?

Comments

[Антон Литвиненко]

Класс block уже сам по себе не шибко хороший.
От задач. Если например у вас btn, и они должны быть разного цвета, то конечно лучше написать модификаторы

[Froggyweb]

.block.block--small :)

[Ankhena]

Есть 3 кнопки с классами:
.btn .btn--default
.btn .btn--danger
.btn .btn--secondary

В класс btn записываете общие стили.
В модификаторы - уникальные.

Answer 1

[Vladislav]

Почитайте про БЭМ

Comments

[nvlveu]

Статьи, которые я читал про БЭМ, стоят с датами 2010-2015 годов: это заставляет усомниться в его актуальности

[Vladislav]

Актуальность статей по данной теме не упадёт в ближайшее время уж точно, это не фреймворк, который постоянно обновляется и с каждым обновлением старые версии уже неактуальны, тот же самый пример, касаемо вёрстки, таблицами сейчас верстать не актуально, ведь есть флекс и гриды, но все-же таблицы и даже флоаты где-то используют, на всякий вот официальная документация по БЭМу https://ru.bem.info/