<h1>h1</1h>
<h2>h2</h2>
<h3>h3</h3>
<h4 class="h4-custom">h4</h4>
<h5>h5</h5>
<h6>h6</h6>
$reduce : 0.2; //フォントサイズを0.2ずつ源算するための値
$fontSize : 3 + $reduce; //フォントサイズの初期値

//$valueに1ずつ加算して代入し、6になるまで繰り返す  
@for $value from 1 through 6 {

	h#{$value}{ //#{}を使用して見出しセレクタを作成

		//フォントサイズを再設定
		$fontSize: $fontSize - $reduce; //0.2ずつ源算
		font-size: $fontSize + rem;

		//h2要素のcssを設定
		@if $value == 2 {
			color: red;
		}

		//h3要素のcssを設定
		@if $value == 3 {
			color: blue;
		}

		//class付きh4要素にcssを設定
		@if $value == 4 {
			&.h4-custom {
				border-bottom: 1px solid #CCCCCC;
			}
		}

	}

}
View Compiled
Rerun