Lazy loaded image
前端
Less混合简述
字数 568阅读时长 2 分钟
2020-1-4
2025-4-4
type
status
date
slug
summary
tags
category
icon
password
上次编辑时间
Apr 4, 2025 02:33 PM

普通混合

什么是混合

混合就是一种将一系列属性从一个规则集引入(“混合”)到另一个规则集的方式。

实例

less文件如下
进行编译得到

不带输出的混合

如果你想创建一个混合集,但是却不想让他输出到你的样式中,在不想输出的混合集的名字后面加上一个括号就可以实现

实例

css编译如下
这个时候就看不到.font的样式了

带选择器的混合

选择规则集里面的规则,混合类型(mixins)可以包含不仅是属性,而且它们还可以含有选择器。

实例

css编译如下

带参数的混合

在 LESS 中,还可以像函数一样定义一个带参数的属性集合,然后在其他选择器中像调用它

实例

css编译如下

带参数且有默认值的混合

我们还可以像这样给参数设置默认值,使得不用设置属性值也能被调用

实例

css编译如下
上一篇
JS 中如何比较两个对象是否相等
下一篇
axios获取二进制流并转化生成文件

评论
Loading...