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

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

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

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован.

семь + 20 =

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>