sass中:\$(cil_\$i)本意是希望定义多个变量如:\$cil\_1,\$cil\_2等,但是这样做是不行的.
@for \$i from 1 to 5 是取到4,不是5
如想是想实现下图:
涉及到i取1,2,3,4 颜色取4色,涉及两变量,我们代码如下
@mixin buju($i,$cols){
.stati_#{$i}{
background:white;
@include size(300px,85px);
@include align_2;
border-left:3px solid $cols ;
box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.1);
>div{
@include size(60px,60px);
margin-right:20px;
}
.col{
background: $cols;
}
}
}
@include buju(1,#43b0a8);
@include buju(2,#3a8bc1);
@include buju(3,#cf4b38);
@include buju(4,#e1cd47);
}
用函数@function时,貌似也只能传一个参数,@function buju(\$i,$cols)出错,@function buju(\$i\ \$cols)同样不对。for和each都因为没有\$(cols_\$i)的形式而不能用。