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

未經檢驗的，但根據文檔，可以包含JavaScript直接，所以

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

但在這一點上，我不知道有多少積蓄，讓你在簡單地使用一個變量。

Answer 2

如果我不是在原來的錯少你可以引用一個特定選擇的屬性：

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

但是這已經在.js文件版本被丟棄。你可以用一個變量代替：

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