代码之家 › 专栏 › 技术社区 › Fygo

传递条件以减少混合

condition less css

0

Fygo · 技术社区 · 7 年前

首先,我使用的是少于1.7(我无法更改它)。如果mixin在我的less文件中,我有以下内容,如果满足条件,则只需设置属性及其值:

.if(@condition, @property, @value) when (@condition){
   @{property}: @value !important;
}

如果我像这样通过条件“真/假”,它会很好地工作:

.column-header {
    font-family: 'Something';
    .if(true, color, green);
}

但是,我无法将条件作为表达式传递。如果我想通过一个比较,比如 2 > 1 ,我得到一个分析错误: expected ')' got '>' . 这是不支持的(还是1.7中不支持的)?我做错什么了吗?有什么解决办法吗?谢谢!

1 回复 | 直到 7 年前

1

0

3rdthemagical 7 年前

不是舒尔,有可能通过挫伤混合。

但你只需写代码 .if 混音:

.column-header {
    font-family: 'Something';

    & when (2 > 1) {
        color: green;
        font-size: 20px;
    }
}