删除元素和类之间的空格

Question

我有以下内容：

div {
   .demo {
      color: #000;
   }
}

哪个输出：

div .demo { color: #000; }

但是，我需要它输出而没有元素和类之间的空格：

div.demo { color: #000; }

使用SASS嵌套有没有办法做到这一点？

Answer 1

Use & to combine a selector with its parent:

div {
   &.demo {
      color: #000;
   }
}

Answer 2

您可以使用.demo前面的＆符号来实现此目的。

div {
   &.demo {
       color: #000;
   }
}

＆符号是父元素所在的占位符。