ハイブリッドが少なく+計算が少ない

少ない混合


ミキシングの意味:ミキシングは、あるルールセットから別のルールセットに一連の属性を導入する方法です。
一般に、ルールセットとは、スタイルを定義するコードのセットなど、特定のルールを定義するコードのセットを指します。これは、ルールセットです。のために
ここに写真の説明を挿入
、スタイル内のルール・セットです。
混合とは、一連のルールを別の要素に適用することを意味します

混合カテゴリ:

普通混合
不带输出的混合
带参数的混合
带参数并且有默认值的混合
带多个参数的混合
命名参数
匹配模式
arguments变量

通常のミックス

つまり、htmlの要素に影響を与えないセレクターを直接記述し、次にコード本体にルールセットを記述してから、他のルールセットに直接呼び出しさせます。
ここに写真の説明を挿入
この方法では、cssをコンパイルするときにcssセレクターにコンパイルされない場合#diaoyong

出力なしで混合

セレクターの後に追加すると、()`` css```にコンパイルされません
ここに写真の説明を挿入

通話時間プラス()大丈夫なし

パラメータと混合

パラメータは変数であるため、関数と同じように、正式なパラメータを設定して実際のパラメータを渡すこともできますが、これはハイブリッドであり、関数ではないことに注意してください。
ここに写真の説明を挿入
正式なパラメータが@a設定されbackground-colorている属性値を定義します。これは、この時点background-colorで変数値が設定されいるルールと同じです。次に、変更されたbackground-colorを呼び出しながらパラメータを渡します。

パラメータとデフォルト値との混合

形参变量:值デフォルト値の設定方法:デフォルト値を設定した後、仮パラメータに値が渡されない場合、これらの変数の値は自動的にデフォルト値に設定されます。
ここに写真の説明を挿入
呼び出すときに、デフォルト値のあるパラメーターのみを括弧内に宣言する必要はありませんが、デフォルト値のないパラメーターは宣言されないことに注意してください。呼び出すときに、括弧内に宣言がない場合、エラーが報告されます。

複数のパラメーターとの混合

ここに写真の説明を挿入

このように、複数のパラメータの混合

名前付きパラメーター

混合に複数の正式なパラメーターがある場合、デフォルト値がない、またはデフォルト値を変更する必要がある特定のパラメーターをコピーできます。
呼び出し時に変数名を指定し、それに値を割り当てます。
ここに写真の説明を挿入
正式なパラメータの一部の特定の変数のデフォルト値のみを変更することが可能です

マッチモード

この混合は、関数のオーバーロードに似ています。同じ名前と同じパラメーターの複数の混合を記述しますが、関数は異なります。各パラメーターの前に、識別子と同じ名前の文字を追加できます。同じ名前の他の混合物とは異なります
ここに写真の説明を挿入
同じ名前の混合物の前に1つ追加@_すると、自動呼び出し混合物になります。つまり、同じ名前の他の混合物を呼び出すと、システムはこの混合物を同時に自動的に呼び出します。

同じ名前の混合物のメソッド
を呼び出す混合物の1つを呼び出すときに、実際のパラメーターリストの前に同じ名前の混合物の特定のインジケーターを追加して、どの混合物を呼び出すかをシステムに通知できます。
即匹配哪个同名混合,(匹配模式)
ここに写真の説明を挿入
ここでも@_、同じ名前の追加されたミックスが自動的に呼び出されます。最初の行は、他の少ないファイルを紹介することです。

少ないファイルで他の少ないファイルを紹介する

つまり、複雑で用途の広いコードをlessファイルに記述してから、他のファイルを
呼び出して、カプセル化と同様に値を渡すことができます。他のlessでミックスを呼び出す前に、呼び出しの前に宣言構文を配置する必要があります

@import "路径"
ここに写真の説明を挿入
このようにして、他のlessファイルの内容をlessファイルで直接使用できます。

引数変数

ミックス内の正式なパラメーターの呼び出しを簡略化するために使用されます。
味がなく、jsの非表示の配列に似ています。

以下に示すように、すべてのパラメータの値に等しい値をその@arguments混合して書き込みます。値は、複数の値が同じであり、すべてのパラメータ値が@arguments@arguments1px solid black
ここに写真の説明を挿入
@arguments@arguments
ここに、

少ない計算

lessでは、加算、減算、乗算、除算ができます。たとえば100 + 100px、lessでは、操作の両側で1単位しか追加できません。計算するときは、値と操作記号の間にスペースを追加することをお勧めします。そうしないと、間違いを犯す可能性があります。

calc()操作関数

おすすめ

転載: blog.csdn.net/qq_45821251/article/details/109403617