删除元素和类之间的空间[重复]

【问题标题】：Remove space between element and class [duplicate]删除元素和类之间的空间[重复]
【发布时间】：2014-08-29 12:24:26
【问题描述】：

我有以下几点：

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

哪些输出：

div .demo { color: #000; }

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

div.demo { color: #000; }

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

【问题讨论】：

标签： css sass

【解决方案1】：

Use & to combine a selector with its parent:

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

【讨论】：

【解决方案2】：

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

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

& 字符是父元素的占位符。

【讨论】：