В CSS3 для уменьшения веса кода предусмотрено использование сокращенного синтаксиса - в нем имеет значение в каком порядке идут свойства - поэтому очень тяжело запомнить все правила поочеродности написания.

Семантика документа HTML5 придает смысл структуре тегов и их вложенности. Начиная с 5 версии появились теги которые можно использовать для обозначения разных частей штмл страницы. Например шапку, блок с навигацией, а также указать главный блок для страницы. Более богатый набор тегов в HTML5, наряду с RDFa, микроданными и микроформатами,

Маленький трюк который позволяет организовать в главном шаблоне main-tpl отдельный стиль для каждой категории.