首页 > 代码库 > Sass for循环中编译%时报错解决方案

Sass for循环中编译%时报错解决方案

2024-07-11 00:05:42   225人阅读

sass功能强大，特别是支持for循环，节省大量开发时间，但是在开发时遇到一个问题，直接使用%时没有问题，当有变量时再加% 单位在编译时报错；

这样没有问题：

@for $width from 0 to 10{    .wp#{$width}{        width:$width px;    }}

但是这样就有问题了：

@for $width from 0 to 10{    .wp#{$width}{        width:$width%;    }}

或者这样：

@for $width from 0 to 10{    .wp#{$width}{        width:$width %;    }}

编译时报错，试了好多方法还是不行，最后采用很二的方式竟然可以了：

@for $width from 0 to 10{    .wp#{$width}{        width:$width+0%;    }}


联系
我们