For loop SASS@each和@for不生成任何内容

For loop SASS@each和@for不生成任何内容,for-loop,sass,each,For Loop,Sass,Each,此代码不会生成错误,但未创建类 有人有主意吗 $properties: margin, padding, height, margin-top, margin-bottom, border, height; @each $property in $properties { @for $size from 1 through 500 { .#{$property}-#{$size} { $property: #{$size}px; } } } 您还需要插入

此代码不会生成错误,但未创建类

有人有主意吗

$properties: margin, padding, height, margin-top, margin-bottom, border, 
height;

@each $property in $properties {
  @for $size from 1 through 500 {
    .#{$property}-#{$size} {
      $property: #{$size}px;
    }
  }
}

您还需要插入css属性:
{$property}:{$size}px

您还需要插入css属性:
{$property}:{$size}px