SASS 连接类名？

Question

我从这个日期选择器插件中得到了一个 LESS 文件，并想将其转换为 SASS。

但是在 LESS 中，它连接了一个类名，如下所示：

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

结果：

.dropdown-inline ...

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

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

谢谢

Answer 1

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

现在可以使用以下语法：

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

结果，正如预期的那样：

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

Answer 2

使用更新的 scss，您现在可以使用插值语法&--来干燥您的样式文件。