有没有一种方法可以定义别名并在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,你可能会节省一些击键,但它不是惯用的,我无法想象从长远来看它会节省时间。不,那不行:不,那不行: