SASS字符串中的变量

Question

大家好,我是新来的SASS(我知道的很晚)和玩mixins一起玩.

基本上是有一种方法将变量链接到字符串这里是我正在尝试但它会抛出错误.(这是精简版)

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

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

编辑:应该添加我使用指南针.谢谢

Answer 1

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

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

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

关键是在变量名称周围添加#{和}扩展它们.