less.css：引用其他样式定义？

Question

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

.btn {
    width: 150px;
}

是否可以在其他地方引用.btn的{​​{1}}？例如，像：

width

我知道这可以通过定义变量来完成：

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

但如果我不需要，我宁愿不这样做。

Answer 1

如果我在原LESS中没有弄错，你可以引用特定选择器的属性：

#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`
}

但在那时，我不确定只需使用变量就可以节省多少钱。