假设我们需要使用以下几个不同的类:
color:#ccf;
background-color:#fcc;
font-size:0.7em;
我们如何在LESS中设置它?
这些类不能相互使用,因此在逗号分隔列表(.note,.product,.restricted {})中设置它们不是一个解决方案。
我们需要类似的东西:
@myClass{
color:#ccf;
background-color:#fcc;
font-size:0.7em;
}
.note{@myClass}
.product{@myClass}
.restricted{@myClass}
我尝试了这个,它只是杀死了LESS。
答案 0 :(得分:4)
您想要使用LESS mixins:
.mixin-name() { //mixin which can be used by any selector
color:#ccf;
background-color:#fcc;
font-size:0.7em;
}
.note {
.mixin-name();
}
.product {
.mixin-name();
}
.restricted {
.mixin-name();
}