less 預處理器

規範
一、定義變量時冒號（:）與變量值之間必須（MUST）保留一個空格，冒號前不得（MUST NOT）保留空格。如：錯誤color:@box_width; 正確color: @box_width; 
二、變量命名必須採用 @foo-bar 形式，不得使用 @fooBar 形式。

定義變量
@box_width:100px;    注：100px不用雙引號括起來
        
.box{         
    color: @box_width;    
}

變量的運算
在運算中只要變量寫了單位，參與運算的值能夠不寫單位，若是寫了其餘單位，也會按變量定義的單位編譯。

@test_width:200px;  
@test_height:200px;     
div{         
    width: @test_width+200;         
    height: @test_height+200em;     
}

選擇器的嵌套
一、嵌套寫法
ul {     
    width: 200px;
} 
ul li{     
    width: 100px;
} 
寫成：
ul {
    width: 200px;
    li {
        widht:100px;
    }
}

二、使用&來將僞類嵌套在對應選擇器內
ul li:hover {
    color: red;  
}
寫成：
ul {     
    &:hover{             
        color: red;        
    } 
}