有没有办法定义别名并在Sass或更少中使用它的CSS定义

Question

编辑：在不使用@mixin和@include

的情况下实现此方法

目前我正在使用Sass作为我的CSS预编译程序，用于大型全新项目。我承认，我真的很喜欢这个工具背后的想法，当你想将它与@mixin函数一起使用时，它变得更有用。

我想更快地使用Sass。我的想法是，为变量分配别名，并在CSS声明中使用它。请考虑以下代码块。

$backgroundColor: #F1F2F2;

body {
    background: $backgroundColor;
}

在Sass中运行良好。但我想实现，

$backgroundColor: "background: #F1F2F2";

body {
    $backgroundColor;
}

此块在Sass中返回错误。有什么想法，还是可以用这种方式使用Sass？

Answer 1

@mixin backgroundColor {
    background: #F1F2F2;
}

body {
    @include backgroundColor;
}

应该工作。

Answer 2

我对SASS不太熟悉（虽然它很棒）但我不知道你是否可以将属性名称指定为变量的值，但是你的缩短方式可能是错误的数据类型问题。由于属性名称和值似乎不是单引号/双引号字符串（因为您使用引号），这种情况可能会混淆SASS。我想你应该试试下面的模式：

$backgroundColor: background + : + #F1F2F2;

body {
    $backgroundColor;
}