SASS拼接类的名字吗?(SASS Concatenate class name?)

2019-09-02 05:13发布

我从这个不太文件一个日期选择器插件 ,并希望将其转换为SASS。

但在LESS,它concates类名是这样的:

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

结果:

.dropdown-inline ...

我尝试了很多事情像SASS #{-inline}#{"-inline"}但它不工作。

我试着用搜索引擎,发现一岁的文章,称它在SASS是不可能的。 我无法找到最近的一篇关于这一问题。 是否有可能呢? 怎么样?

谢谢

Answer 1:

这不是3.2版本之前,可能的 ,但将是 最终。 就像少,语法将使用&

随着更新SCSS, 你现在可以使用插语法&--干涸的样式文件。



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;
}


文章来源: SASS Concatenate class name?
标签: sass less