Насколько важен порядок свойств в CSS?
Общая логика сортировки: «от общего — к локальному и менее важному». Рекомендуется располагать свойства в следующем порядке:
1. Сначала положение элемента относительно других:
position, left/right/top/bottom, float, clear, z-index.
2. Затем размеры и отступы:
width, height, margin, padding…
3. Рамка border, она частично относится к размерам.
4. Общее оформление содержимого:
list-style-type, overflow…
5. Цветовое и стилевое оформление:
background, color, font…
!important и zoom: 1; — вот это признаки крайне плохого тона.
А порядок правил для селекторов не имеет никакого значения — это просто хэш, а порядок ключей в хэше никого не может волновать.
Есть личные предпочтения — мне удобней перечислять самые важные вначале блока, а не слишком важные в конце. Другие любят в алфавитном порядке. Как удобней, так и правильно.