Василий Половнёв дает совет о группировке правил в CSS:

Вместо того, чтобы сортировать CSS свойства, можно сгруппировать их по типу. Например, ребята из Яндекса используют 7 групп:

• позиционирование (position, top, …, z-index);
• блочная модель (display, float, …, overflow);
• размеры (width, height, margin, padding, …);
• таблицы/списки (border-collapse, list-style, …);
• визуальщина (transition, transform, cursor, text-transform, …);
• цвета (opacity, color, border, background, …);
• шрифт (font-*, line-height).

Такой CSS удобно читать и редактировать. Связанные свойства (position и z-index, margin и padding, font-size и line-height) находятся рядом. Важные группы идут первыми: позиционирование, раскладка, размеры. Когда работаешь с одной конкретной группой свойств, легче заметить дублирующиеся: повторяющийся font-size бросается в глаза в блоке из 3 свойств.