### 超级简单的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; } ~~~