<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乘以当前索引号。确保避免无限循环!