Sass-variables
提供:Dev Guides
Sass-変数
説明
プログラマは、変数を使用して、数値、文字、メモリアドレスなどのデータを表します。 変数の重要性は、スタイルシート全体で変数に保存された値を再利用できることです。
構文
変数は_dollar記号($)_で定義され、_semicolon(;)_で終わります。
例
次の例は、SCSSファイルでの変数の使用を示しています-
次に、ファイル_style.scss_を作成します。
style.scss
次のコマンドを使用して、SASSにファイルを監視し、SASSファイルが変更されるたびにCSSを更新するように指示することができます-
次に、上記のコマンドを実行します。それは次のコードで自動的に_style.css_ファイルを作成します-
style.css
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを variablesl ファイルに保存します。
- このHTMLファイルをブラウザで開くと、次のように出力が表示されます。