TECH I.S.

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

プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細