Question

大家好，我是新来的SASS（我知道的很晚）并且和mixin一起玩。

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

@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

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

SASS字符串中的变量

1 个答案: