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

Question

大家好，我是 SASS 的新手（我知道晚了）并且在玩 mixins。

基本上有一种方法可以将变量链接到字符串，这是我正在尝试做的，但它会引发错误。 （这是精简版）

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

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

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

Answer 1

是的，您只需使用variable interpolation。示例：

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

SassMeister 示例：http://sassmeister.com/gist/9533103

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