作为一个前端开发，写css样式是再平常不过的事情了，有时候，多个元素的样式是一样的，但是我们还是会把这些样式重新写一遍，要不就是键盘三剑客 CTRL + C，CTRL + A，CTRL + V，真是苦了比程序猿，现在，我们不用再那么傻了，我们给css加点猛料。less是一个兼容css的拓展语言。
因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。
Less 到底为 CSS 添加了什么功能？以下就是这些新加功能的概览。
嵌套写法
原CSS：
less写法：
使用变量
less声明变量的方式为：@变量名:值
代码示例：
编译为css代码：
混合
如果你想将一组属性样式添加到另外一组属性样式中去，你可以用混合来实现
代码示例：
编译为css代码：
运算
less支持对任何数字、颜色、变量之间进行加、减、乘、除运算
在进行加、减运算中会自动进行单位的换算，计算结果以左侧的单位类型为准，
如果单位换算无效或者无意义，则会忽略单位(无效的单位例如换算例如：px 到 cm 或 rad 到 % 的转换。)
注意：乘法和除法不作转换。Less 将按数字的原样进行操作，并将为计算结果指定明确的单位类型。
