問題

26
Sass

インターポレーション

Sassの問題に挑戦しよう!

問題

インターポレーション

変数をセレクタに使ってください。

あらかじめエディタに書くコード

                    $name: box;
                

解答と解説(インターポレーション)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

インターポレーション(#{})を使うことで、変数をセレクタやプロパティ名の一部として動的に展開できます。ユーティリティクラスやBEM設計など、クラス名を動的生成する場面で非常に便利です。コードの再利用性を高めるテクニックです。

補足

動的なクラス生成やユーティリティ設計で活用されます。

さらにスキルアップしたい方は公式LINEから「Sass」と送信すると動画が見れます。

LINE登録して動画を視聴する
あなたに合った学習プランは?LINE適正コース診断はこちら