less 是一门css预处理语言,他扩充了css语言,增加了诸如变量,混合,函数功能,让css更易于维护,方便制作主题。
编译工具使用koala
link中的rel:rel 属性规定当前文档与被链接文档之间的关系。stylesheet表示一个样式表(顺便写一下)
less中可以使用/**/ 和//两种注释(/**/会被编译到css中//注释不会被编译在css中)
less中定义变量 @a:b(a表示变量的名字,b表示变量的值,到时候出现a的地方直接用b替代,b也不用加引号)
less中的混合:可以将一个已经写好的样式a写入另一个样式b中,这样将a的样式写入b中。样式后面可以带参数如a(@c){},参数可以有默认值如a(@c:10px){}
less中的匹配模式:相当于判断语句如 a(b){},a(c){},是两种样式定义,当写成a(b)时调用前一个,a(c)时调用后一个,a(@_)表示所有a样式的通用样式(所有a中都包括a(@_))
less中的运算想@a:100px,可以直接让@a+10变为210px。但感觉less并不认识单位,知识简单的将前面的数值进相加,如让@a:100x(也就是单位写错了),@a+10也会变成210x.
less中的嵌套将一个样式写在另一个样式内,表示嵌套 如:a(){b(){}}表示a中的b的样式。a(){&:hover{}}表示a的hover样式,&表示上一级的元素。
less中的@arguement代替样式的所有默认参数。
less中的~可以避免编译 如果~300px-30px,编译后的css中还是300px-30px,不然就会变成270px.