less简介

less简介

less:CSS预处理器，less文件后缀是.less。扩充Css语言，使css具有一定的逻辑性、计算能力。
注意：浏览器不支持less代码，目前阶段，网页要引入对应的css文件。
less的使用：
vscode使用less：引入EasyLess插件。

less-注释

• 单行注释 语法：//注释内容 快捷键：Ctrl+/（无法编译为CSS文件）
• 块注释 语法：/注释内容/ 快捷键：shift+alt+a

less运算

• 加、减、乘、除直接书写计算表达式
  -.box{ width:100+20px; width:100-80px; width:100*2px; width:100./2px; }

less嵌套

作用：快速生成后代选择器

> .父级选择器{
	.子级选择器{
		//子级样式
    }
}

&不生成子级。

less变量

概念：容器、存储数据
作用：存储数据，方便使用和修改
语法：定义变量：@变量名：数据；
使用变量：CSS 属性：@变量名

less导入

作用：导入less公共样式文件
语法：导入@import"文件路径"

less导出