Sass-control-directives-expressions

提供:Dev Guides
移動先:案内検索

Sass-ディレクティブと式の制御

この章では、*制御指令と式*について学習します。 SassScriptでサポートされているコントロールディレクティブと式を使用すると、特定の条件に基づいたスタイル設定や、同じスタイルにバリエーションを何度も適用することができます。 これらの制御ディレクティブは、主にミックスインで使用される高度なオプションです。 コンパスライブラリの一部であるため、かなりの柔軟性が必要です。

次の表は、SASSで使用される制御指令と式の一覧です-

S. No. Control Directive & Expression with Description
1

if()

条件に基づいて、_if()_関数は、2つの可能な結果から1つの結果のみを返します。

2

@if

_ @ if_ディレクティブはSassScript式を受け入れ、式の結果が_false_または_null_以外の場合は常にネストされたスタイルを使用します。

3

@for

_ @ for_ディレクティブを使用すると、ループでスタイルを生成できます。

4

@each

_ @ each_ディレクティブでは、リスト内の各アイテムの値を含む変数が定義されます。

5

@while

SassScript式を使用し、ステートメントがfalseと評価されるまで、ネストされたスタイルを繰り返し出力します。