如何通过sass for循环结合css calc()方法得到包含百分比和px相减的width属性值？

css效果是：

 width: calc(25% - 16px);

流火流年

2016-12-08

源自：Sass进阶篇 1-4

关注问题我要回答

1649

操作

收起

3 回答

rookie_r
2017-04-29

$side:20px !default;
$ele:span;
@for $i from 1 through 4{
.#{$ele}-#{$i}{
width:calc(100% - #{$side} * #{$i});
}
}

1 回复有任何疑惑可以回复我~

收起回答

流火流年提问者
2016-12-17

@for $i from 1 through 4{
        $width:25%*$i;
        $margin:16px;
        .gd-cell--#{$i}-col,
        .gd-cell--#{$i}-col-phone.gd-cell--#{$i}-col-phone{
            width: calc(#{$width} - #{$margin});
    }
    }