如何编写较少的规则集来为多个类名分配属性

时间:2015-11-18 14:11:28

标签: css less less-mixins

我正在尝试将属性分配给一个规则集中的多个类名,其中在此规则集中分配的所有属性都将附加到不同的类名。

.multipleClass(@className...;@rules){
    @clssName: ~'.@{className},.@{className}';
    @{clssName}{
    rules();
    }
}

 .multipleClass(class1,class2,class3;{
        padding:0.25em;
        font-size:1.5em;
        line-height:2.5em;
        });

期望的输出:

    .class1,.class2,.class3{
        padding:0.25em;
        font-size:1.5em;
        line-height:2.5em;

}

我收到Parse Error。可以吗? 任何帮助,将不胜感激。谢谢。

@Harry我只是想不要让事情变得复杂,所以发布了不同的包装器。 和&:extend我无法正确控制它。由于我的样式表是一个工作表,我正在重写整个事情,给它一个主题。为了做到这一点,我需要组织颜色相关的mixins和其他规则集和mixins处理fontSizes,边距,填充和宽度。它的大约4000行的CSS代码。

    .formater(@className...; @rules; @parent-append: false) {
        @clssName: ~'.@{className},.@{className}';
        & when not (@parent-append = false) {
        &.@{className} {
        @rules();
        }
        }
        & when (@parent-append = false) {
          .@{className} {
           @rules();
           }
       }  
     }

0 个答案:

没有答案