stylus、scss的for和if写法对比

三种写法对比

stylus、scss的for和if写法对比

 代码块:

// scss的写法
@for $i from 1 through 100 {
    @if $i%2 == 0 {
    .h-#{$i} { 
            height: #{$i}px; 
        }
  }
}
// stylus的写法
for num in (1..100) {
    if(num%2 == 0) {
        .h-{num} {
            height: num*1px
        }
    }
}
// stylus的写法  - 简写
for num in (1..100) 
    if num%2 == 0
        .h-{num} {
            height: num*1px
        }

 

上一篇:【CFD之道】2019年原创文章汇总


下一篇:力扣 258. 各位相加