SASS嵌套(为了便于阅读),这是一种不好的做法吗?

时间:2017-11-03 10:14:27

标签: css angular sass

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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

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