SASS连接类名？

Question

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

但是在LESS中，它会像这样结束一个类名：

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

结果：

.dropdown-inline ...

我在SASS中尝试过许多内容，例如#{-inline}或#{"-inline"}，但它不起作用。

我尝试使用谷歌搜索，发现一篇长达一年的文章称这在SASS中是不可能的。我找不到关于这个问题的最新帖子。现在可以吗？怎么样？

谢谢

Answer 1

This is not possible before version 3.2但是will be eventually.就像LESS一样，语法将使用&。

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

Answer 2

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

现在可以使用以下语法：

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

结果如预期的那样：

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