less的基本使用

是一个css预处理器,使css具有一定的计算能力和逻辑能力

浏览器不识别less代码,网页要引入对应的css代码

注释

单行注释://注释内容    ctrl+/

块注释:/*注释内容*/   shift+alt+A

计算

加减乘直接书写计算表达式

除法需要添加小括号或者在除号前面加点(.)

使用嵌套快速生成后代选择器

&表示当前选择器

使用变量设置属性值

把提前储存到一个容器,设置属性值为这个容器名

定义变量名:@变量名:值;

使用变量:css属性:@变量名;

Less导入:@import  ”文件路径”;      如果是less文件,可以省略后缀.less

Less导出:第一种:使用esayless插件配setting.json写入”out”:”文件路径”;

第二种:在less文件的开头  //out:文件路径

禁止导出

   在less文件第一行添加//out:false

上一篇:05-rem+less


下一篇:05-rem+less