什么是scss中的双连字符？

Question

我是SASS的新手，可以浏览我不了解的内容。在我的一个项目中，我看到开发人员设置了一些继承，例如：

google.script.run

我知道'＆'是插入父选择器的一种方式。但是“-”是做什么的？

Answer 1

shouldComponentUpdate指的是父对象，因此除非嵌套，否则这是没有意义的。但是想像一下，当它嵌套在内部时会发生什么情况，例如&：

.button

产生派生的类名：

.button {
  &--outline {
    /* ... */
  }
}

表示例如像这样的元素：

.button--outline {
  /* ... */
}

tl; dr：<button class="button--outline">...</button> 绝对没有什么特别的。它没有做什么。它只是被串联了。

Answer 2

双连字符是BEM (Block, Element, Modifier)方法中使用的修饰符，可帮助您组织样式表。它与Sass无关。

在这种情况下，它利用了Sass语法，该语法使您可以编写嵌套的选择器，这就是为什么以这种方式编写。另一种方式是：.block-or-element--outline {}。