css - 如果有变量名，如何打印类

Question

我有一个变量:

@test: this_is_var;

我上课

.my-@{test}-class{}

如何在另一个 class 中打印该 class ？

这段代码是错误的:

.test-class{
    .my-@{test}-class();
}

但是这段代码可以正常工作

.test-class{
    .my-this_is_var-class();
}

为什么？以及如何打印此类: .my-@{test}-class()？

Answer 1

您的错误变体在Codepen中效果很好。
也许您必须在变量中写~{}。 Here is的例子。