SASS嵌套（为了便于阅读），这是一种不好的做法吗？

Question

一位经验丰富的同事告诉我要嵌套我所有的SCSS，所以它会反映出它在HTML中的外观，声称它会为可读性带来奇迹。

我真的担心这是不必要的，并且可能会显着减慢应用程序（角度）。

在重新格式化的文档中，选择器将进入5级，而在原始版本中它从未通过3级。

什么是使用嵌套的最佳做法是SASS？它是否应该仅在特殊目的必要时才使用？或者它可以更好地格式化我的文档？

Answer 1

我会尽量不直接将它们嵌套到与HTML嵌套完全相同的方式，因为你的CSS会有不必要的选择器。

https://smacss.com/上有一本很棒的书，教您将代码拆分为模块。我建议将HTML分区为块/模块并嵌套相关选择器而不是所有选择器。

经验法则：您包含的选择器越多，其样式时的优先级就越强。

注意：我建议使用手写笔，因为我认为这会提高SCSS的可读性。