本文主要包含less,变量,extend等相关知识,佚名 希望在学习及工作中可以帮助到您
作为 CSS 的一种扩展，Less 不仅完全兼容 CSS 语法，而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松，而且你可以在任何时候回退到 CSS。less文件是以less作为文件后缀名，HTML引用时可以像css那样引用，如下：
<link rel="stylesheet/less" type="text/css" href="styles.less">
注意：本文描述的一切都是基于1.4.0版本，除非有特殊标明。
变量：
变量的作用就是把值定义在一个地方，然后在各处使用，这样能让代码更易维护，如下：
上面代码将颜色#428bca赋给一个变量@link-color，然后在color属性中使用变量，对应的css如下：
变量不仅可以用在属性值上，也可以用在选择元素名，属性名(1.6.0支持)，url和import方法。如下：
选择元素名：
编译后为
url：
编译后
编译后
属性名：
编译后
变量的变量名也可以是变量，如下：
@fnord: "I am fnord.";
@var: "fnord";
content: @@var;
编译后
content: "I am fnord.";
延迟加载：
变量支持延迟加载，所以你可以在变量定义之前使用。如下：
或者
上面两个都会被编译成如下
问什么第二个也会被编译成上面的css，这是因为当一个变量被定义两次时，最后一次定义的生效。就类似于css中，对同一个元素定义不同的css样式，最后定义的生效。再比如下面这个
编译后
Extend：
扩展选择器是less的伪类选择器，他会复制当前选择器，定义新的样式，而原来的不便
编译后
语法：
嵌套选择器：
编译后
精确匹配：