SASS连接类名?

问题描述 投票:1回答:2

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

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

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

结果:

.dropdown-inline ...

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

我试着谷歌搜索,发现一篇一年之久的文章说这在SASS是不可能的。我找不到关于这个问题的最新帖子。现在可以吗?怎么样?

谢谢

sass less
2个回答
2
投票

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

随着更新的scss,you can now use the interpolation syntax &--干你的样式文件。


2
投票

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

现在可以使用以下语法:

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

正如所料,结果是:

.add-some-red {
    color: red;
}
© www.soinside.com 2019 - 2024. All rights reserved.