Brad Frost 前几天问了这个问题……
Sass 用户,你们是怎么做的,为什么? pic.twitter.com/dIBA9BIuCO
— Brad Frost (@brad_frost) 2018年10月1日
.c-btn {
&__icon {
...
}
}
我想从技术上讲,这算是“嵌套”,但选择器最终是平铺的。
.c-button__icon { }
问题是,你是这么做,还是像使用原生 CSS 一样,直接写出完整的选择器。Brad 的帖子探讨了这两种方法的优缺点。
我个人坚定地站在“不嵌套”的阵营,因为这样可以更方便地搜索选择器。我绝对依赖于能够在项目中搜索完全展开的类名,而且讽刺的是,就在 Brad 发布那个投票的时候,我被一个类似这样的组合类名难住了,并且在我的一个代码库中修改了它。
Robin Rendle 也指出 搜索的困难 是一个问题,并给出了一个明显过度嵌套的例子!