Sass 通过@for生成代码例子

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$aseq-10:10,20,30,40,50,60,70,80,90,100;

.h-full{
  height:100% !important;
}


@for $i from 1 through length($aseq-10) {
   .h-#{nth($aseq-10,$i)}{
      height: nth($aseq-10,$i)+%  !important;
   }
}

SassMeister-output.css

.h-full {
  height: 100% !important;
}

.h-10 {
  height: 10% !important;
}

.h-20 {
  height: 20% !important;
}

.h-30 {
  height: 30% !important;
}

.h-40 {
  height: 40% !important;
}

.h-50 {
  height: 50% !important;
}

.h-60 {
  height: 60% !important;
}

.h-70 {
  height: 70% !important;
}

.h-80 {
  height: 80% !important;
}

.h-90 {
  height: 90% !important;
}

.h-100 {
  height: 100% !important;
}