? less中的變量
? ?1、聲明變量:@變量名:變量值
? ? ? ? ? 使用變量名:@變量名
? ? ? ? ? less中的變量類型
? ? ? ? ? ? ①數字類1 ? 10px ? ? ? ?②字符串:無引號字符串red和有引號字符串"haha"? ?
? ? ? ? ? ?③顏色類red#000000 rgb() ? ? ??④值列表類型:用逗號或空格分隔10px sold red
? ? ? ? ? >>>變量使用原則:多次頻繁出現的值需要修改的值,設為變量
? ? 2、混合(mixings)
? ? ? ? ? ①無慘混合 ? ? ??聲明·;name{} 選擇器調用:.name;
? ? ? ? ??②帶參混合
? ? ? ? ? ? ?無默認值聲明:.name(@param){} 調用:.name(parValue);
? ? ? ? ? ? ?有默認值聲明:.name(@param.value){} 調用:.name(parValue);parvalue可省
? ? ? ? ? ? ? ? ?>>>如果聲明時,參數沒有默認值,則調用時必須賦值,否則會報錯!
? ? ? ? ? ? ? ? ?>>>無參混合:會在css中編譯除同名的class選擇器,有參的不會
? ? 3、LESS匹配模式 ?
? ? ? ? ? ? ?使用混合進行匹配 ,類似于if結構。
? ? ? ? ? ? ? ? >>>聲明.name(條件一,參數){} .name(條件二,參數){} .name(@_,參數){};
? ? ? ? ? ? ? ? >>>調用:.name(條件值,參數值);
? ? ? ? ? ? ? ? >>>匹配規則:根據調用時提供的條件值,去尋找與之匹配的“Mixins”執行。其中@_表示永遠需要執行的部分 。?
? ? 4、less中運算
? ? ? ? ? ? ? ? 加、減、乘、除在運算時可帶單位或不帶單位,
? ? ? ? ? ? ? ? 顏色運算時,紅綠藍分三組計算,組內可進位,組間互不干涉。
?
?