SASS连接类名？答案

【问题标题】：SASS Concatenate class name?SASS连接类名？
【发布时间】：2013-05-02 04:19:12
【问题描述】：

我从这个a Date-picker plugin 获得了一个 LESS 文件，并希望将其转换为 SASS。

但在 LESS 中，它会像这样连接一个类名：

//LESS
.dropdown{
    &-inline{
    }
}

结果：

.dropdown-inline ...

我在 SASS 中尝试了很多东西，例如 #{-inline} 或 #{"-inline"}，但它不起作用。

我尝试用谷歌搜索，发现一篇已有一年的文章说在 SASS 中这是不可能的。我找不到有关此问题的最新帖子。现在有可能吗？怎么样？

谢谢

【问题讨论】：

标签： sass less

【解决方案1】：

刚从 css 转到 scss，我遇到了这个问题并且很失望，直到我发现它不是最新的。在这里找到正确答案： https://css-tricks.com/the-sass-ampersand/#article-header-id-12.

现在可以使用以下语法：

.add-some {
    &-red {
        color: red;
    }
}

结果，如预期的那样：

.add-some-red {
    color: red;
}

【讨论】：

【解决方案2】：

使用更新的 scss，you can now use the interpolation syntax &-- 来干燥您的样式文件。

【讨论】：