less使用方法

@import "case.css";
*{
margin:0px;
padding: 0px;
border:0px;
}

ul,li{
list-style: -moz-none;
list-style: none;
}
.com{
height:300px;
200px;
background: darkgoldenrod;

}

//定义，调取；
.box {
@w: 50px;
@h: 30px;
@w;
height: @h;
transition: width 1s, height 3s;
}

h1,
h2,
h3 {
font-weight:bold;
}

//私有前缀
.box {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}

//多程嵌套
.main {
.title {
font-weight: 700;
}

.content {
line-height: 1.5;
}

.warning {
font-weight: 700;
}
}

#comment:invalid {
color: red;
}

//定义，调取;
@sidebar- 200px;
@ 800px;
@heter:300px;
@background:red;

//调取
.sub {
@sidebar-width;
height: @heter;
background: @background;
}

//定义
.big-text() {
font-size: 2em;
}

//调取
h3 {
.big-text();
}

@a: 200px;
@b: (@a + 100px) * 2;
.cdd{
@b;
}