Как быть с названиями классов?

Question

[Bauss]

Например у меня есть три одинаковых элемента, мне надо их по-разному застилевать, какие классы присвоить таким элементам, только без first, second, third?

Comments

[Ярослав Иванов]

Как фантазия позволяет :) например то за что отвечает блок. .block-header, .block-content, block-footer и т.д. Или я не так понял вопрос ?

Answer 1

[Сергей Тутуков]

Если увидеть сам блок, то было бы легче.
Дописывай к каждому элементу свой смысловой модификатор.
На примере с кнопками:

<button type="button" class="btn btn-default">
<button type="button" class="btn btn-primary">
<button type="button" class="btn btn-success">

Comments

[Сергей Горячев]

Угу, это, пожалуй, самое правильное. Если бы оно еще по БЭМ было оформлено, вообще цены бы не было)

[masambrero]

Sergey Goryachev: Поставьте ещё один дефис после btn и будет по БЭМ, разве нет?

[Сергей Горячев]

masambrero: Угу, но он же не стоит)))

[Сергей Тутуков]

Я ничего не имею против БЭМ, но он не всегда подходит.
Если ты используешь bootstrap, то по БЭМу уже не получится верстать.
И в маленьких проектах - 3-6 секционных лэндингах БЭМ излишен.

Answer 2

[RoverWhite]

Обычно в таких случаях имена классов присваиваются по их функциональному назначению на странице. Например, шапка - header, подвал - footer.
Имена классов имеет смысл присваивать в тех случаях если Вы собираетесь данный стиль использовать где-то еще в элементах страницы. Если же это не так то логичнее использовать id элементов

css
#myelem {
color: red;
}

Comments

[Bauss]

про футер и шапку тут понятно, а например про спаны, есть три спана, их назначение примерно одно и тоже, но я не хочу плодить классы с цифрами или названиями как в вопросе :x

[Kovalsky]

Bauss: что за элементы-то? Покажите

[Сергей Горячев]

Тьфу, тьфу, тьфу. Не надо айдишники в верстке вообще использовать. Только для скриптов.

[tommy_13]

Sergey Goryachev: согласен

Answer 3

[Артем]

Используйте пространства имен.

Answer 4

[sim3x]

https://en.bem.info/