Less入门

Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。
在 Node.js 环境中使用 Less ：

混合（Mixin）

混合是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法

嵌套（nesting）

嵌套代替层叠或与层叠结合使用的能力


以上两图实现效果相同（Less更加简洁）

@规则嵌套和冒泡

@ 规则（例如 @media 或 @supports）可以与选择器以相同的方式进行嵌套。@ 规则会被放在前面，同一规则集中的其它元素的相对顺序保持不变。这叫做冒泡（bubbling）

运算

算术运算符 +、-、*、/ 以对任何数字、颜色或变量进行运算（计算的结果以最左侧操作数的单位类型为准）
如果单位换算无效或失去意义，则忽略单位（无效的单位换算例如：px 到 cm 或 rad 到 % 的转换）
例如：

calc() 特例

calc() 不对数学表达式进行计算，但是在嵌套函数中会计算变量和数学公式的值

转义

允许使用任意字符串作为属性或变量值。任何 ~“anything” 或 ~‘anything’ 形式的内容都将按原样输出，除非 interpolation

函数

如果
根据条件返回两个值之一。

布尔值
评估为真或假