// out: ../css/
//记得在vscode装easy less插件
// 1.单行注释快捷键ctrl+/;块注释: shirt+alt+A用户看得见,less的注释
/* 2.加减乘除,less单位不参与计算,css带单位计算,所以写一个就行,写多了,
以第一个为主,除法要带括号,(./也可以,目前vscode不支持 */
.box {
// width:150px./3 ;
width: (150px/3);
}
//3.嵌套写法,这里就不
/*
4.定义:
@t_color: red;
@自定义的变量名: 值;
注意 结尾必须有分号
使用:
在任意需要的地方直接书写自定义的变量名即可 使用时也需要带上@
*/
/*
4.语法:out: 导出路径/
只能用单行注释写在第一行
(看第一行)
*/
/*
5 导入语法:
@import "要导入的less文件路径";
注意:
1. 和变量语法极其类似,注意区分
2. import 后面是空格 是空格 是空格 不是冒号 不是等号
3. 导入的只能是less文件,如果路径有误,则无法编译
4. 后缀名.less可省略
5. 当A.less文件导入了B.less文件,在B.less文件修改了,需要在A.less中再次保存,才能编译到css文件中。
*/
/* //6.
out: flase;写在第一行,禁止导出,多个写在第一行,用,隔开
*/
简单了解less
最新推荐文章于 2023-10-07 09:41:54 发布