SASS中mixin的参数

时间:2017-10-14 10:41:33

标签: css sass

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

试试这个

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