SASS不仅可以for循环样式名，还可以直接取for循环里的变量！
@for $i from 1 throught 5 {
mgt#{$i}{
margin-top: 1px * $i;
}
.myCss{
@extend .mgt4;
}
等于
.myCss{
margin-top: 4px;
}
这是怎么发生的呢？因为实际的过程是：
for循环编译后的结果
.mgt1 { margin-top: 1px; }
.mgt2 { margin-top: 2px; }
.mgt3 { margin-top: 3px; }
.mgt4 { margin-top: 4px; }
.mgt5 { margin-top: 5px; }
.myCss {
@extend .mgt4;
}
关注我，日更1个教程里没有的前端小知识点。
动动你发财的小手，给拎包哥点个赞吧！
SASS不仅可以for循环样式名，还可以直接取for循环里的变量！ 等于 这是怎么发生的呢？因为实际的过程是： f...
本节我们学习 Sass 中的循环语句，Sass 中的循环语句可以使用 @for 指令和 @while 指令来实现。...
本节我们学习 Sass 中的循环语句，Sass 中的循环语句可以使用 @for 指令和 @while 指令来实现。...
sass控制语句 关键词：sass控制语句image if判断表达式 for循环 @for循环 有两种表现形式： ...
总论 sass 经cass编译器编译成css。sass 兼容了css语法。sass 带有变量，mixin，循环，简...
结论： MRC补充： block声明、定义、取别名 传值： 区分MRC和ARC： 循环引用： block值传递 b...
video标签 图片错误处理 动态引入js 多行省略 sass for 循环 sass 数组遍历
x取范围1到10000，y取范围10001到20000，计算z=x2+y2的值。分别使用for循环，meshgri...
目录概览： 嵌套 变量 mixin 循环 1.嵌套 sass代码 对应的css代码 2.变量 sass代码 css...
本文标题：SASS取for循环值
本文链接：https://www.haomeiwen.com/subject/jkvwtrtx.html
网友评论