🗒️前端-阶段03-LESS-Day09
00 分钟
2024-8-7
2024-10-29
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 函数

上一篇
当当网主页
下一篇
前端-阶段03-垃圾回收与线程-Day08

评论
Loading...