更少的预处理和空参数？

Question

这可能很难解释。有没有办法在不重载混合的情况下减少不写出@child 参数？我真的不想要两个混音。如果我使用“”，则输出双引号。我希望 LESS 编译器将其留空。

更少的代码

.build-on(size, @child) 
{
    &--1-1 @{child}
    {             
        width: 100%;
    }

    &--1-2 @{child}
    {
        width: 50.0%;
    }

    &--1-3 @{child}
    {
        width: 33.3%;
    }

    &--1-4 @{child}
    {
        width: 25.0%;
    }

    &--1-5 @{child}
    {
        width: 20.0%;
    }
}

// I might need to provide a child element

.data-table
{
    .build-on(size, table);
}

// I might not

.grid
{
    .build-on(size, "");
}

Answer 1

像这样传递:

.yourClass
{
    .build-on(size, ~'');
}

或者更好...

定义一个默认值:.build-on(size, @child: ~'') { ... } 然后不需要第二个:

.yourClass
{
    .build-on(size);
}