咨询电话:
15628812133
10
2023/11

Less——混合(Mixin)(上)

发布时间:2023-11-10 13:36:10
发布者:MaiMai
浏览量:
0

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,使 CSS 更易维护和扩展。其中,混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方式,规则集也是我们平时常说的选择器。有点类似编程语言中的函数,通过这种方式,可以在代码中实现复用。


一,普通混合。

如果希望在其它规则集中使用这些属性,只需像下面这样输入所需属性的类(class)名称即可。

普通混合

编译结果为:

.bordered {

  border: 1px solid black;

}

#one a {

  color: #fff;

  border: 1px solid black;

}

.two a {

  color: red;

  border: 1px solid black;

}

使用类选择器时可以在选择器后边添加一个括号,这时我们实际上就创建了一个mixins,此mixins不会被识别进css编译中。

创建一个mixins


二,带参数的混合。

和函数类似,混合可以带参数,参数需要按顺序传递。(参数可以带默认值)。

带参数的混合


三,命名参数。

可以在向混合传参是指定参数名称,从而不需要按顺序传入。

命名参数

关键词:
返回列表