less中的變量

 【less中的變量】

1.聲明變量：@變量名：變量值；

使用變量：@變量名；

【less中變量的類型】

1.數字 數字px

2.字符串：無引號字符串 red blue 有引號 "haha"

3.顏色 red #000000 rgb()

4.值列表類型：用逗號或空格分隔2px solid green


【變量使用原則】

多次頻繁出現的值、需要修改的值，設為變量


【混合MiXin】

1.無參混合

聲明： .name{} 選擇器調用：.name：

2.帶參混合

無默認值混合： .name(@param){} 調用：.name(parVlaue);

有默認值混合： .name(@param:value){} 調用：.name(parVlaue);parVlaue可省略


>>>如果聲明時，參數沒有默認值，則調用時必須賦值，否則報錯

>>>無參混合，會在css中編譯除同名的class選擇器：有參的不會


【less匹配模式】

使用混合匹配，類似於if

.name(條件一，參數){}.name(條件二，參數){}.name(@_，參數){}

調用.name(條件值，參數值)

匹配規則：根據調用時提供的條件值，去尋找與之匹配的MiXins執行，其中@_表示永遠需要執行的部分

【less中的運算】

+ - 

顏色運算時，紅綠藍分三組運算，組內可進位，組間互不干涉


less中的嵌套，保留HTML結構

1.默認后代選擇器，如果需要子代選擇器，在子代前+>

2.&表示上一代，&：hover 上一代的hover事件