Некоторые методы присваивания имён CSS-классам:
- БЭМ-методология (Блок, Элемент, Модификатор). vithar.github.io webcademy.ru С помощью имён классов можно определить независимые блоки, обозначить их элементы и возможные модификации. webcademy.ru Имена записываются латиницей в нижнем регистре, в них используются полные слова без сокращений. webcademy.ru Для разделения слов в именах используется дефис. vithar.github.io webcademy.ru
- Использование говорящих названий классов. dan-it.gitlab.io Такие названия обеспечивают более быстрое вхождение в проект нового человека и упрощают создание независимых компонентов, которые не перекрывают стили друг друга. dan-it.gitlab.io
- Применение модификаторов. dan-it.gitlab.io Если есть два очень похожих элемента, например, с одинаковым шрифтом, радиусом закругления и padding, то можно создать один класс и класс-модификатор, который добавит элементу дополнительные свойства или изменит их. dan-it.gitlab.io
- Использование универсальных названий классов. dan-it.gitlab.io Если элемент может повторяться на странице, то лучше придумать ему универсальное название класса. dan-it.gitlab.io Такие классы более важны, чем привязанные к конкретному месту на странице. dan-it.gitlab.io
Также существуют другие методологии именования классов, например: OOCSS, SMACSS, SUITCSS, ATOMICCSS. proglib.io