type
status
date
slug
summary
tags
category
icon
password
上次编辑时间
Apr 4, 2025 02:33 PM
普通混合
什么是混合
混合就是一种将一系列属性从一个规则集引入(“混合”)到另一个规则集的方式。
实例
less文件如下
进行编译得到
不带输出的混合
如果你想创建一个混合集,但是却不想让他输出到你的样式中,在不想输出的混合集的名字后面加上一个括号就可以实现
实例
css编译如下
这个时候就看不到
.font
的样式了带选择器的混合
选择规则集里面的规则,混合类型(mixins)可以包含不仅是属性,而且它们还可以含有选择器。
实例
css编译如下
带参数的混合
在 LESS 中,还可以像函数一样定义一个带参数的属性集合,然后在其他选择器中像调用它
实例
css编译如下
带参数且有默认值的混合
我们还可以像这样给参数设置默认值,使得不用设置属性值也能被调用
实例
css编译如下
- 作者:Tsing
- 链接:https://www.huqing.site/front-end/1cb94e5f-a0ad-80f9-bcff-ee0ba087d6d6
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。