混合类似于编程语言中的函数。 Mixins是一组CSS属性，允许您将一个类的属性用于另一个类，并且包含类名作为其属性。 在LESS中，可以使用类或id选择器以与CSS样式相同的方式声明mixin。 它可以存储多个值，并且可以在必要时在代码中重复使用。
例如：
.p1{
color:red;
}
.p2{
background : #64d9c0;
.p1();
}
.p3{
background : #DAA520;
.p1;
}
转换后：
.p1 {
color: red;
}
.p2 {
background: #64d9c0;
color: red;
}
.p3 {
background: #DAA520;
color: red;
}
扩展语法示例
这里可以跟扩展语法进行一个比较，还是有些类似的。
示例
h2 {
&:extend(.style);
font-style: italic;
}
.style {
background: green;
}
转换后：
h2 {
font-style: italic;
}
.style,
h2 {
background: green;
}
网友评论