反復処理とは？ わかりやすく解説

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2021/12/21 15:14 UTC 版)

「Sass」の記事における「反復処理」の解説

@for、@each、@whileを用いてIDやClassに変数を適用できる。 反復処理の例Sass 構文コンパイル結果$squareCount: 3@for $i from 1 through $squareCount #square-#{$i} background-color: red width: 50px * $i height: 120px / $i #square-1 { background-color: red; width: 50px; height: 120px;}#square-2 { background-color: red; width: 100px; height: 60px;}#square-3 { background-color: red; width: 150px; height: 40px;}

※この「反復処理」の解説は、「Sass」の解説の一部です。
「反復処理」を含む「Sass」の記事については、「Sass」の概要を参照ください。