Css SASS中mixin的参数

Css SASS中mixin的参数,css,sass,Css,Sass,刚刚注意到我不能在mixin中使用CSS属性名作为参数。 例如,我想使用如下内容: @mixin hover($key,$value) { &:hover { $key: $value; } } 其中,$key是CSS属性,$value是该属性的值。 我没有使用它,而是使用以下代码: @mixin hover-color($value) { &:hover { color: $value; } } 可以在mixi

刚刚注意到我不能在mixin中使用CSS属性名作为参数。 例如,我想使用如下内容:

@mixin hover($key,$value) {
    &:hover {
        $key: $value;
    }
}
其中,
$key
是CSS属性,
$value
是该属性的值。 我没有使用它,而是使用以下代码:

@mixin hover-color($value) {
    &:hover {
        color: $value;
    }
}
可以在mixin或任何其他想法中使用CSS属性作为参数吗?

试试这个

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

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

sass手册或sass教程中的Artem查找插值sass手册或sass教程中的Artem查找插值