less知识点

1.变量的声明(使用@符)

@width: 10px;
@height: @width + 10px;

#header {
  width: @width;
  height: @height;
}

2.混合　

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}

在此引入

#menu a {
  color: #111;
  .bordered();
}

3.嵌套　

4.运算　

算术运算符 +、-、*、/ 可以对任何数字、颜色或变量进行运算。如果可能的话，算术运算符在加、减或比较之前会进行单位换算。计算的结果以最左侧操作数的单位类型为准。

5.函数