type
status
date
slug
summary
tags
category
icon
password
1 Less 的使用
1.1 使用 less.js 编译 less
1.2 使用 vscode 插件自动编译 less
2 Less 语法
2.1 Less 的注释
2.2 Less 的变量
① 定义变量
定义变量的一般形式:
如果变量的值有特殊符号:
② 使用变量
将变量作为属性值使用(大部分应用场景):
将变量作为属性名或者选择器使用:
2.3 Less 混合 (mixins)
① 混合
定义混合:
使用混合:
② 带参数的混合
定义带参数的混合:
使用有参数的混合:
③ 参数有默认值的混合
④ @arguments
2.4 Less 条件判断
2.5 Less 导入
导入 less 文件:
导入 css 文件:
2.6 Less 嵌套
① 基本使用(层级选择器)
编译为:
② & 符号应用(交集选择器组合)
编译为:
③ 媒体查询的嵌套
编译为:
④ 混合和嵌套结合
2.7 Less 运算符
2.9 Less 函数
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_jsdombom_09
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。