SASS中mixin的參數

Question

只要注意到我不能在CSS中使用CSS屬性名稱作爲參數。 例如，我想用這樣的：

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

凡$key是一個CSS屬性和$value是該屬性的值。 而不是它，我用這個代碼：

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

是否有可能使用CSS屬性，如混入參數或任何其他的想法？

Answer 1

試試這個

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