Sass Mixin返回什么?

时间:2019-05-07 04:14:24

标签: sass

在像javascript这样的编程语言中,即使最后我都不做任何“返回”的结果,但它仍然返回值“ undefined”。

对于Sass,我知道@mixin不会“返回”诸如@function之类的东西。

但是,它“实际上”什么也不返回吗?

如果它实际上返回了某些内容(例如“ undefined”或“ void”之类的东西),那么它返回的内容是什么?

2 个答案:

答案 0 :(得分:0)

我不确定我是否有问题,但是...

Mixins允许您使用@include创建可重复使用的CSS声明(称为“ CSS”的CSS内容)。

与函数不同,您不能将mixin分配给变量,因为它们不会产生返回值(引发错误)。

@function fs($value){
   @return $value;
} 

@mixin fs($value){
   font-size: $value;
   ...
} 


.class {                 //      returns value  
   font-size: fs(16px);  // =>   16px;
}

.class {                 //      generates properties and values  
   @include fs(16px);    // =>   font-size: 16px; ...
}


$var: fs(16px);          //  will work (function)
$var: @include fs(16px); //  won't work (mixin)

答案 1 :(得分:0)

尝试阅读本article和本one,您会得到一些答案:

  

“他们获得了完整的CSS规则,其中动态的属性将被传递给参数”

因此,当您在代码中@@@ mixin时,它将返回 CSS规则