CSS预处理器的规则顺序是否有最佳实践？

Question

对于像Stylus或SASS这样的CSS预处理器中的规则顺序是否有一般的最佳实践？

首先为同一元素的不同类型添加规则然后添加该元素的子元素是否更好：

header
   &.fooBar
      float left
   nav
      background-color #fff

或者最好先添加孩子，然后添加父母的课程等，如下所示：

header       
   nav
      background-color #fff
   &.fooBar
      float left