less语法

Less中的注释

以//开头的注释,不会被编译到css文件中
以/**/包裹的注释会被编译到css文件中

Less中的变量

用@来申明一个变量:@pink:pink

1.做为普通属性值来使用:直接使用@pink
2.做为选择器和属性名:#@{selector}的形式
3.做为url:@{url}
4.变量的延迟加载(等{ 作用域 }内容解析完成再看内部的值给哪个)

Less中的嵌套规则

1. 基本嵌套规则
2.&的使用

Less中的混合

1. 普通混合

2. 不带输出的混合
3.带参数的混合
4. 带参数并且有默认值的混合
5. 带多个参数的混合
6.匹配模式

8.Arguments

Less运算

Less避免编译

交给浏览器计算(下面图)

Less继承

总结

你可能感兴趣的:(less语法)