less.css:是否引用其他样式定义？

Question

是否可以引用其他样式定义？例如，如果我有一个这样的btn样式：

.btn {
    width: 150px;
}

是否可以在其他地方引用.btn的width？例如，类似于：

#right_of_buttons {
    left: @{.btn.width} * 3; // ie, instead of hard-coding 150px * 3
}

我知道这可以通过定义一个变量来实现：

@btn_width: 150px;
.btn { width: @btn_width }

但如果我不需要的话，我宁愿不这么做。

Answer 1

如果我没有记错，你可以引用一个特定选择器的属性：

#right_of_buttons {
  left: .btn[width] * 3;
}

但这在.js版本中已被删除。您可以只使用变量：

@btnwidth: 150px;
.btn {
  width: @btnwidth;
}
#sidebar {
  left: @btnwidth * 3;
}

Answer 2

未经测试，但根据文档，您可以直接包含javascript，因此

#right_of_buttons {
   left: `document.getElementsByClassName('.btn')[0].style.width`
}

但在这一点上，我不确定仅仅使用变量就能节省多少成本。