你如何编写一个LESS规则供一些类使用?

时间:2015-03-11 08:46:54

标签: css less less-mixins

假设我们需要使用以下几个不同的类:

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。

1 个答案:

答案 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();
}