在Less中使用它之後定義變量是否可行？

Question

所以，問題其實是，如果它是蠻好用的：的

.mytest { 
    border:1px solid @black; 
} 
@black: #000; 

代替

@black: #000; 
.mytest { 
    border:1px solid @black; 
} 

我沒有看到任何警告，當我這樣做，它工作正常 - 結果是

.mytest { 
    border: 1px solid #000; 
} 

這兩種情況。

Demo

Answer 1

是的，這絕對是很好的，因爲更不是變量lazy loading，所以它不是強制性的在使用之前聲明的變量使用這種方式。由於延遲加載，Less編譯器不會爲這種情況拋出任何錯誤或警告。

按Less website：

變量是延遲加載，並沒有在使用前進行聲明。

事實上，我甚至會去上說，在最後聲明變量是更有利的，因爲所有的變量都保持在一個地方，它沒有留下任何對一些流浪聲明意外重寫預期的或希望的設置。

Answer 2

是的，你可以像Harry說的那樣。我建議你創建一個文件來存儲所有的變量定義並導入它。通過這種方式，你可以有不同的主題（文件）和配置你的項目，只需更換一個文件