更少-将参数传递给与calc一起使用的类

编程问答 2022-06-11

问题描述

这是我的更少：

DIV.row1.col2(@left) {
    left: calc(176px + @left);
    top: -45px;
}

#cards.faerie {
    DIV.row1.col2(20px);
}

这会将left的计算呈现为与#cards.faerie关联的样式，而不是其中的DIV。我在做什么错了？

我要去this example。

ETA：还要添加一些上下文，我的HTML看起来像：

<div id="cards" class="faerie" style="height: 257px;">
        <div id="one" class="row1 col1">
        ...
        </div>
</div>

解决方法

我按照文档所述修改了您的代码

少

.DIV{
    .row1{
        .col2(@left) {
    left: calc(176px + @left);
    top: -45px;
}}}

#cards .row1{
    .DIV> .row1 > .col2(20px)
}

这对您有用吗？

less