Css LESS-将参数传递给类以与calc（）一起使用

以下是我的建议：

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

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

这会将

左

的计算呈现为与

#cards.faerie

关联的样式，而不是其中的

DIV

。我做错了什么

我要走了

ETA：为了添加一些上下文，我的HTML如下所示：

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

...

我按照文档中的说明修改了您的代码

少

---

这对您有用吗？

那么需要嵌套语法吗？所讨论的DIV上有两个类，而不是嵌套元素。（P.S.更新了我的问题以添加我的HTML标记）

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

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