字符串中的SASS变量[重复]

大家好,我是SASS的新手(据我所知),并且正在使用mixins。

基本上有一种方法可以将变量链接到字符串,这是我正在尝试执行的操作,但是会引发错误。(这是一个精简版)

@mixin post-link ($class, $color, $hover) {
    a.$class:link {
        color: $color;
    }
    a.$class:hover {
        color: $hover;
    }
}

链接我说这比我在mixin中尝试做的要简单一些(完整的变量更多)。

编辑:应该添加我正在使用指南针。谢谢

Stafan逆天2020/03/23 09:29:50

是的,您只需要使用变量插值例:

@mixin post-link ($class, $color, $hover) {
    a.#{$class}:link {
        color: $color;
    }
    a.#{$class}:hover {
        color: $hover;
    }
}

SassMeister上的示例:http ://sassmeister.com/gist/9533103

关键是在变量名周围添加#{}使其扩展。