sass学习5-while

<style type='text/scss'>
$x:1;
@while $x<6 {
    .text-#{$x} {
      font-size:$x*15
    }
    $x:$x+1;
}


</style>

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>

用于@while创建一系列具有不同font-sizes.

text-1从到应该有 5 个不同的类text-5。然后设置font-size为15px乘以当前索引号。确保避免无限循环！