Sass イントロスペクション関数
Sass イントロスペクション関数
イントロスペクション関数は、スタイルシートを構築するときにほとんど使用されません。ただし、デバッグ関数など、何かが正しく動作しない場合、何が起こっているのかを把握するためにこれらは役に立ちます。
次の表は、Sass のすべてのイントロスペクション関数を示しています。
関数 | 説明と例 |
---|---|
電話(関数、引数...) | 引数を指定して関数を呼び出し、結果を返します。 |
コンテンツ存在() | 現在のミックスインが @content ブロックに渡されたかどうかを確認します。 |
機能が存在します(特徴) | かどうかを確認します特徴現在の Sass でサポートされています
実装。 例: feature-exists("at-error"); 結果: true |
関数が存在します(関数名) | 指定された関数が存在するかどうかを確認します。 例: function-exists("ナンセンス") 結果: false |
取得関数(関数名、CSS: false) | 指定された関数を返します。 css が true の場合、プレーンな CSS を返します。 代わりに関数を使用します。 |
グローバル変数が存在します(変数名) | 指定されたグローバル変数が存在するかどうかを確認します。 例: 変数が存在します(a) 結果: true |
検査(価値) | の文字列表現を返します。価値。 |
mixin-exists(ミックス名) | 指定されたミックスインが存在するかどうかを確認します。 例: mixin-exists("重要なテキスト") 結果: true |
の種類(価値) | の型を返します価値。数値、文字列、色、リストを指定できます。
マップ、ブール値、null、関数、arglist。 例: 種類(15px) 結果: 数値 種類(#ff0000) 結果: 色 |
ユニット(番号) | 数値に関連付けられた単位を返します。 例: 単位(15px) 結果: ピクセル |
単位なし(番号) | 指定された数値に単位が関連付けられているかどうかを確認します。 例: 単位なし(15px) 結果: false ユニットレス(15) 結果: true |
変数が存在します(変数名) | 指定された変数が現在のスコープに存在するかどうかを確認します。 例: 変数が存在します(b) 結果: true |
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。