<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="https://cdn.jsdelivr.net/npm/less@4" ></script>
变量（Variables）
混合（Mixins）
使用 类选择器() or id选择器() 方式 混入到新的规则集，避免重复书写
* {
#idName();
.className();
}
嵌套（Nesting）
@规则嵌套和冒泡
@ 规则会被放在前面，同一规则集中的其它元素的相对顺序保持不变。
运算（Operations）
原生已部分支持 calc 函数 使用任意 <length> 值
算术运算符在加、减或比较之前会进行单位换算。计算的结果以最左侧操作数的单位类型为准。
如果单位换算无效或失去意义，则忽略单位。
还可以对颜色进行算术运算 需要加括号
(#224488 / 2)
转义（Escaping）
~"str"
在 Less 3.5+ 版本中，许多以前需要“引号转义”的情况就不再需要了。
函数（Functions）
each 函数
遍历 list 并生成规则
@value, @key, and @index
在选择器和属性名中的写法 @{value}, @{key}, and @{index}
each(range(8), { // @value, @key, @index // index 从1开始
··· // 会被渲染 8 次
})
range 函数
命名空间和访问符
#空间名() {
}
#空间名.button();
映射（Maps）
从 Less 3.5 版本开始，你还可以将混合（mixins）和规则集（rulesets）作为一组值的映射（map）使用。
#colors() {
primary: blue;
secondary: green;
}
color: #colors[primary];
作用域（Scope）
首先在本地查找变量和混合（mixins），如果找不到，则从“父”级作用域继承。
注释（Comments）
导入（Importing）
可以导入一个 .less 文件，此文件中的所有变量就可以全部使用了。如果导入的文件是 .less 扩展名，则可以将扩展名省略掉
@import "library";
原文地址:https://blog.csdn.net/I_fole_you/article/details/134709708
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_44980.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
