Какие существуют правила оформления кода CSS для лучшей читаемости?

Некоторые правила оформления кода CSS для лучшей читаемости:

• Использовать осмысленные имена классов и идентификаторы. proglib.io Так проще понять, за что они отвечают, и придётся меньше менять код в будущем. proglib.io
• Ставить точку с запятой после каждого объявления. proglib.io habr.com Это необходимо для согласованности кода и облегчения добавления новых свойств. habr.com
• Использовать пробелы после двоеточий в объявлениях. proglib.io habr.com Это поможет лучше ориентироваться в документе CSS. proglib.io
• Начинать каждый селектор или объявление с новой строки. proglib.io По возможности объединять свойства отдельных блоков в группы и обозначать их комментариями, разделяя переносом строки. proglib.io
• Использовать отступы для содержимого блоков. habr.com Это поможет отобразить иерархию и облегчить понимание кода. habr.com
• Использовать единый стиль именования селекторов (классов / id). github.com Какой бы стиль написания имён ни выбрали, соблюдать его во всём проекте. github.com
• Избегать нумерации. gb.ru Иначе будет сложно сориентироваться в коде и понять разницу. gb.ru
• Использовать популярные теги. gb.ru Среди разработчиков уже сложился список общепринятых имён для классов. gb.ru
• Использовать один тип кавычек во всех файлах. gb.ru Например, если выбрали двойные кавычки, то использовать их всегда. gb.ru