less是一门css的预处理语言
less是一个css的增强版,通过less可以编写更少的代码实现更强大的样式。在less中添加了许多的新特性,像对变量的支持,对mixin的支持等。less的语法大体上和css语法一致,但是less中增添了许多对css的拓展,所以浏览器无法直接执行less代码,要执行必须先将less转换为css,然后再由浏览器执行。
变量:①在变量中可以存储一个任意的值,并且我们可以在需要时,任意的修改变量中的值;②变量的语法:@变量名;③使用变量时,如果是直接使用则以 @变量名 的形式使用即可;④作为类名或者一部分值使用时必须以 @(变量名)的形式使用;⑤变量发生重名时,会优先使用比较近的变量。
父元素的拓展:① & 表示外层的父元素;②extend()表示对当前选择器拓展指定选择器的样式(选择器分组);③ .X 表示直接对指定的样式进行引用,这里就相当于将X的样式在这里进行了复制。