三种写法对比

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
}