有最佳的scss嵌套规则吗?

时间:2018-12-06 09:06:49

标签: css sass nested structure

好吧,所以我在一家公司实习,我想到了一个问题。有人告诉我,今天,嵌套5、6、10次已不是问题,因为我们拥有快速的计算机……其他人告诉我,最多嵌套3-4次。但是有些人告诉我没关系。当我在谷歌上搜索时,我再次发现了许多分歧意见。有人说一个,有人说其他....你们怎么看?我觉得一点都不重要很奇怪。对此必须有正确的答案。

1 个答案:

答案 0 :(得分:1)

The Sass Way上有一篇出色的文章,解释了他们所说的“ The Inception Rule”,即:深度不超过四个层次。克里斯·科耶(Chris COYIER)在他的Sass Style Guide上建议最多3个等级。雨果·吉劳德(Hugo Giraudel)再次说明了为什么您应该将选择器的缩写保持在Sitepoint

嵌套或过度嵌套与功能强大或快速的计算机无关,它与特定性有关(与已编译的CSS文件大小有关)。如果嵌套过多,您将陷入“ CSS选择器梦Night”。

  

前端工程师之间的所谓噩梦就是样式   肿并与DOM紧密耦合,以至于修改   关于结构的任何事情最终都会破坏前端。

因此,基本上,没有严格的规则可以使每个人都严格遵守,这更多是关于常识,而不是过度套用,在某些情况下是特定情况。

相关问题