CSS預處理器的規則順序是否有最佳做法？

Question

像Stylus或SASS這樣的CSS預處理器中的規則順序是否有一個通用的最佳實踐？

是更好地首先添加的規則對不同類型相同的元素，然後在後面加上該元素的孩子：

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

還是更先添加兒童和事後添加父母的班級等是這樣的：

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

Answer 1

不，對於這樣的事情沒有一般的最佳實踐。

真正重要的是做出決定並保持一致。在您的公司中創建編碼指南。制定一個規則列表並堅持下去，所以每個人都知道會發生什麼。