問題

1
Sass

変数に足してみよう1

Sassの問題に挑戦しよう!

問題

変数に足してみよう1

変数を使って150pxを実現しよう

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

                    $size:100px;
.ninja{
  width: [ここに変数を使って150pxを実現しよう]
}
¥SASS¥
                

期待する画面

                                .ninja {
  width: 150px;
}
¥CSS¥
                            

解答と解説(変数に足してみよう1)

解説

LINE登録して解答を見る

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

変数を展開する時に四則演算も可能だ。
基本の数値から調整した時などに便利だ。

文字列だと足し算が出来ないので
変数にはしっかり数値を入れよう。

ok: $size:100px;
ng: $size:"100px";

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

LINE登録して動画を視聴する
学習の事・キャリアの事、何でもOK!無料相談に申し込む