我从这个a Date-picker plugin获得了一个LESS文件,并希望将其转换为SASS。
但是在LESS中,它会像这样结束一个类名:
//LESS
.dropdown{
&-inline{
}
}
结果:
.dropdown-inline ...
我在SASS中尝试了很多东西,比如#{-inline}
或#{"-inline"}
,但它不起作用。
我试着谷歌搜索,发现一篇一年之久的文章说这在SASS是不可能的。我找不到关于这个问题的最新帖子。现在可以吗?怎么样?
谢谢
This is not possible before version 3.2但是will be eventually.就像LESS一样,语法将使用&
。
随着更新的scss,you can now use the interpolation syntax &--
干你的样式文件。
刚刚从css转到scss我遇到了这个问题而且很失望,直到我发现它不是最新的。在这里找到了正确的答案:https://css-tricks.com/the-sass-ampersand/#article-header-id-12。
现在可以使用以下语法:
.add-some {
&-red {
color: red;
}
}
正如所料,结果是:
.add-some-red {
color: red;
}