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

像Stylus或SASS这样的CSS预处理器中的规则顺序是否有一个通用的最佳实践？CSS预处理器的规则顺序是否有最佳做法？

是更好地首先添加的规则对不同类型相同的元素，然后在后面加上该元素的孩子：

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

还是更先添加儿童和事后添加父母的班级等是这样的：

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

2017-05-12 phpheini

就我个人而言，我期望首先看到专利和其中一个孩子的风格。否则，我会首先浏览所有孩子的列表，看他们的父母如何影响他们的造型。 –

哪种方式更好？性能优化？清洁代码？ – Huelfe

以任何方式更好，但当然相当干净的代码比性能。 – phpheini

不，对于这样的事情没有一般的最佳实践。

真正重要的是做出决定并保持一致。在您的公司中创建编码指南。制定一个规则列表并坚持下去，所以每个人都知道会发生什么。

2017-05-12 12:18:24

回答