@import "case.css";

*{

margin:0px;

padding: 0px;

border:0px;

}

ul,li{

list-style: -moz-none;

list-style: none;

}

.com{

height:300px;

width:200px;

background: darkgoldenrod;

}

//定义，调取；

.box {

@w: 50px;

@h: 30px;

width: @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-width: 200px;

@width: 800px;

@heter:300px;

@background:red;

//调取

.sub {

width:@sidebar-width;

height: @heter;

background: @background;

}

 

//定义

.big-text() {

font-size: 2em;

}

//调取

h3 {

.big-text();

}

@a: 200px;

@b: (@a + 100px) * 2;

.cdd{

width:@b;

}