有没有一种方法可以定义别名并在Sass或更少版本中使用它的CSS定义

有没有一种方法可以定义别名并在Sass或更少版本中使用它的CSS定义,css,sass,less,Css,Sass,Less,编辑:实现此方法时无需使用@mixin和@include 目前,我正在使用Sass作为一个全新的大型项目的CSS预编译器。我承认,我真的很喜欢这个工具背后的想法,当你想将它与@mixin函数一起使用时,它会变得更有用 我想更快地使用Sass。我的想法是,给变量分配别名,然后在CSS声明中使用它。考虑下面的代码块。 $backgroundColor: #F1F2F2; body { background: $backgroundColor; } $backgroundColor:#F1F

编辑:实现此方法时无需使用
@mixin
@include

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

我想更快地使用Sass。我的想法是,给变量分配别名,然后在CSS声明中使用它。考虑下面的代码块。

$backgroundColor: #F1F2F2; body { background: $backgroundColor; } $backgroundColor:#F1F2F2; 身体{ 背景:$backgroundColor; } 在Sass中效果很好。但我想实现,

$backgroundColor: "background: #F1F2F2"; body { $backgroundColor; } $backgroundColor:“背景:#F1F2F2”; 身体{ $backgroundColor; } 此块在Sass中返回错误。有什么想法吗,或者可以这样使用Sass吗

@mixin backgroundColor {
    background: #F1F2F2;
}

body {
    @include backgroundColor;
}
应该有用


应该有用。

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

$backgroundColor: background + : + #F1F2F2;

body {
    $backgroundColor;
}

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

$backgroundColor: background + : + #F1F2F2;

body {
    $backgroundColor;
}

嗯,我知道这应该行得通,事实上我想扔掉“@mixin”和“@include”。@Fatih,为什么
@include
@extend
是做你想做的事情的Sass模式。我在我的问题“我想更快地使用Sass”中说过我的目的。对不起,我认为使用SCSS语法不会比这快。@Fatih,你可能会节省一些击键,但它不是惯用的语言,我无法想象从长远来看它会节省时间。好吧,我知道这应该行得通,事实上我想扔掉“@mixin”和“@include”。@Fatih,为什么
@include
@extend
是做你想做的事情的Sass模式。我在我的问题“我想更快地使用Sass”中说过我的目的。对不起,我认为使用SCSS语法不会比这快。@Fatih,你可能会节省一些击键,但它不是惯用的,我无法想象从长远来看它会节省时间。不,那不行:不,那不行: