css - 变量中存在多个类名

Question

我正在尝试使用 Interpolation 在变量内使用多个类方法。

如果我有一个类并且我像这样使用它，则此方法对我有用:

$class: classname1;

.#{class} {
   color: red;
}

但是如果我想使用更多的一个类，我就会遇到问题:

$class: classname1.classname2;

.#{class} {
   color: red;
}

由于变量内的点，此代码片段给了我一个错误。我尝试了一些其他选项，但没有任何效果。

知道如何解决这个问题吗？谢谢!

Answer 1

使用字符串作为变量

$class: ".classname1.classname2";

#{$class} {
   color: red;
}

(在 sassmeister 上测试)