@for循环:
方式1:@for $i from {开始值} through {结束值}
方式2:@for $i from {开始值} to {结束值}
注意:through包含结束值,to不包含结束值。
示例:
scss代码:
@for $i from 1 through 3{
.z#{$i}
{
transform: rotate(30deg * $i);
}
}
编译出的css如下:
.z1 {
transform: rotate(30deg)
}
.z2 {
transform: rotate(60deg)
}
.z3 {
transform: rotate(90deg)
}
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。