### 超級簡單的less語法 1.變量 > 用變量存儲一個公共值，后期需要使用這個值，直接調取變量即可， >以后如果值需要修改，只需要更改變量的值，那么所有用到這個變量的地方都跟著修改了 ~~~ .transition(@property:all,@duration:.5s,@timing-function:linear,@delay:0s) { -webkit-transition: @arguments; transition: @arguments; } .centerPos(@w:100,@h:100) { position: absolute; top: 50%; left: 50%; margin-top: unit(-(@h/2), px); margin-left: unit(-(@w/2), px); } ~~~ ~~~ @import (reference) "common";/*reference:只把內容導入過來使用,但是不會編譯common中的內容*/ .cc{ .transition;/*默認值*/ .transition(@duration: 1s); } @link-color: #555; @bg-src: "../img"; @H: 200; .pub { @H: 100; .bg { /*.pub .bg*/ a { width: unit(@H, px); /*300*/ } @H: 300; } & > .bg { /*.pub > .bg*/ } &.bg { /*.pub.bg*/ } &:hover { /*.pub:hover*/ } } .pub.bg { } .box { .centerPos(); width: 100px; height: 100px; background: url("@{bg-src}/news_1.png") no-repeat; a { color: @link-color; } } .hover { color: @link-color; } ~~~