首页 > 解决方案 > Sass Mixin 返回什么?

问题描述

在像javascript这样的编程语言中,即使我最终没有做出任何“返回”结果,但它仍然返回一个值“未定义”。

在 Sass 的情况下,我知道 @mixin 不会“返回”任何类似 @function 的东西。

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

如果它实际上返回了一些东西(比如“undefined”或“void”),那么它会返回什么?

标签: sass

解决方案


我不确定我是否得到了这个问题,但是...

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

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

@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)


推荐阅读