Именования классов css

В этой статье я расскажу как более правильно называть классы css так чтобы не путаться в своем-же коде. Цель инструкции — исключить возможность конфликтов имен, упрощения отладки, обслуживания и процесса присвоения названий.

Несколько правил:

• Используйте строчные буквы в названиях всех CSS-классов.
• Для разделения слов в имени используйте символ «-». Например, мы можем назвать классы как-то вроде news-last.
• Используйте английские названия классов, не в коем случае не используйте русские или другие языки.
• В классах можно использовать цифры, но они должны идти после какого-либо названия, к примеру news-2
• Используйте стандартные названия классов для главных разделов сайта таких как: шапка сайта (header), левая часть сайта (sidebar), тело сайта(content), нижняя часть сайта(footer), меню(navigation) и так далее.

Выполняя все инструкции у вас получится более понятные классы для понимания других разработчиков. Не забывайте, что вы можете комбинировать классы к примеру news-selected (выделенная новость)…

Как многие знают, сейчас есть популярный способ наименований классов методологией БЭМ. Лично я ее использую так как она хорошо гармонирует с SASS, и мне нравится как так все устроено