Старайтесь писать селекторы в том же порядке, в каком они расположены в HTML-коде: не стоит размещать стили для footer выше стилей для header .

Придерживайтесь примерно такого порядка:

• Напишите самые общие правила. Например, для body . Но не забудьте, что даже к уникальным тегам следует обращаться по селектору класса.

• Затем напишите стили вспомогательных блоков — например, тех, которые вы используете только для микса.

• После этого записывайте первый блок, встретившийся в HTML.

• Потом его модификатор, если он есть.

• Затем первый элемент этого блока.

• Затем модификаторы этого элемента.

Таким же образом описывайте в CSS все блоки, читая HTML-код сверху вниз.