3px solid red; } .border-4 { border: 4px solid red; } .border-5 { border: 5px solid red; } .border ; } while循环 $i:6; @while ($i>0){ border-#{$i}{border:#{$i}px solid red} $i:$i - 1; } //编译后 border border: 3px solid red; } border-4 { border: 4px solid red; } border-5 { border: 5px solid red; } border
border-top-left-radius: 100px 100px; border-top-right-radius: 100px 100px; } .border -- 特殊边框 -->
</body> </html> 对应效果: ?