[Sass]for文とif文を使って見出し要素のCSSを一括で設定する。

カテゴリー:
CSS
Sass

見出し要素は出現頻度が高く、無計画にcssを記述していると乱雑になりやすいのでひとまとめに管理する記述する方法を考えてみました。タイトル通りSassのfor文とif文を使います。

html

Sass

@forでh1からh6までのフォントサイズを調整し、@ifで条件分岐して見出しごとのスタイルを設定しています。より複雑なスタイルを施したい場合は別途@mixinを作って@includeすればさらに管理しやすくなりますね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です