Sass 选择器组合

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Brad Frost 前几天问了这个问题……

.c-btn {
  &__icon {
      ...
  }
}

我想从技术上讲,这算是“嵌套”,但选择器最终是平铺的。

.c-button__icon { }

问题是,你是这么做,还是像使用原生 CSS 一样,直接写出完整的选择器。Brad 的帖子探讨了这两种方法的优缺点。

我个人坚定地站在“不嵌套”的阵营,因为这样可以更方便地搜索选择器。我绝对依赖于能够在项目中搜索完全展开的类名,而且讽刺的是,就在 Brad 发布那个投票的时候,我被一个类似这样的组合类名难住了,并且在我的一个代码库中修改了它。

Robin Rendle 也指出 搜索的困难 是一个问题,并给出了一个明显过度嵌套的例子!

直接链接 →