SCSSを導入しようかと検討する際に、このブログの記事を参考にしてくれた奇特な方が居たそうな。どうもありがとう。 で、声をいただくと書かない訳にはいかないので、条件分岐のIf文と反復処理の構文に絞った内容で書いてみようかと思う次第です。 SCSSとはCSSの拡張言語です。長くなったり、複雑になって管理できなくなったりするCSSを効率的に書けるようにします。効率的にする機能として、以前に紹介した変数やパーシャル、これから紹介する条件分岐のif文と繰り返し処理のfor文などがあります。他にも継承させる@extendや関数化できる@mixinなどがありますが、これは別の機会で。 条件分岐の使い方デザイナーならjavascriptとかで触れたことがある条件分岐、if文の使い方です。 公式サイトを見ると、基本的な記述例と以下内容が記載されています。 Note: Control directives
![初心者のためのSCSS。条件分岐のif文、反復処理for文などを使ってみよう。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5107067edb0f88e8b9db828606d0e4c309618c2/height=288;version=1;width=512/http%3A%2F%2Fstorage.googleapis.com%2Fmde%2Fassets%2Fimages%2Fblog%2F2015%2F08%2F26%2Fscss-control-directives.jpg)