less可以定义变量以及嵌套使用
@bgccolorpink: pink;
@fontsize14: 14px;
@coloryellow: yellow;
body{
background-color: @bgccolorpink;
font-size: @fontsize14;
}
div{
font-size: @fontsize14;
color: @coloryellow;
}
.header{
width: 200px;
height: 200px;
a{
color: @coloryellow;
}
}
对应的css
body {
background-color: pink;
font-size: 14px;
}
div {
font-size: 14px;
color: yellow;
}
.header {
width: 200px;
height: 200px;
}
.header a {
color: yellow;
}