关于scss,编译错误,求解答
我有这么一段 scss ,用于处理数值单位间的转换,如下:
@function check($val){
@if type-of($val)=="string"{
@return $val;
}
@if unit($val)=="px"{
@return $val/($val*0+1)+px;
}@else if unit($val)=="rem"{
@return $val/($val*0+1)/200+rem;
}@else{
@return $val;
}
}
利用以上方法创建 @mixin ,如下:
@mixin size($width, $height){
width: check($width);
height: check($width);
}
提问,当上面两段同时存在一个文件中的时候,运行 @include size(180px, 110px) 编译结果是 width: 180px; height: 120px;
但当把第一段代码存于另外的 scss 中,并通过 @charset "check" 引入到存储第二段代码的scss文件中,
同样运行 @include size(180px, 110px) ,为什么结果则变成了 width: check(180px); height: check(120px);
求教,这是为什么呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
@charset "utf-8";
@import "mixin";
你看看第一段的scss引入时的顺序在下面那个的前面没,引入顺序对编译也是有影响的