sass - SASS连接类名？

Question

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

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

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

结果：

.dropdown-inline ...

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

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

谢谢

score 8 · Accepted Answer

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

现在可以使用以下语法：

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

结果，正如预期的那样：

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

score 5 · Accepted Answer

这在 3.2 版之前是不可能的，但最终会。就像 LESS 一样，语法将使用&.

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

2 回答 2