SASS中mixin的参数

Question

注意到我不能在mixins中使用CSS属性名作为参数。 例如，我想使用这样的东西：

@mixin hover($key,$value) {
    &:hover {
        $key: $value;
    }
}

其中$key是CSS属性，$value是该属性的值。 而不是它我使用这个代码：

@mixin hover-color($value) {
    &:hover {
        color: $value;
    }
}

是否可以在mixins或任何其他想法中使用CSS属性作为参数？

Answer 1

试试这个

@mixin hover($key,$value) {
    &:hover {
    #{$key}: $value;
    }
}