变量中的多个类名

时间:2015-04-21 09:19:21

标签: css sass

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

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

$class: classname1;

.#{class} {
   color: red;
}

但是,如果我想要使用更多的课程,我会遇到问题:

$class: classname1.classname2;

.#{class} {
   color: red;
}

由于变量内部的点,此片段会给我一个错误。我尝试了其他一些选择,但没有任何效果。

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

1 个答案:

答案 0 :(得分:3)

使用字符串作为变量

$class: ".classname1.classname2";

#{$class} {
   color: red;
}

(在sassmeister上测试)