是否有可能使用變量編寫帶有LESSCSS的完整css行？

Question

是否有一種方法可以使用LESS變量編寫完整的CSS行？

例如，如果我聲明一個變量：

@dir: test;

，然後希望該變量到另一個變量中使用：

@bg-img: url(http://example.com/@dir/img/bg.png;

當我嘗試使用@bg-img在我的CSS，它編譯是這樣的：

body{background-image:url(http://example.com/@dir/img/bg.png);

如何獲得@dir作爲test回顯？

我知道我可以只更換@dir，但因爲我有各種不同的微型網站，它會更快地改變@dir的一個實例，而不是通過並更改名稱微型網站的每個實例。

Answer 1

這是可能的插值，但不能確定，如果這可以在你的特定情況下工作，而沒有看到更多的代碼。然而，試試這個：

body{background-image:url(http://example.com/@{dir}/img/bg.png); 

發現它在the docs，下下來字符串插值的頁面。希望這可以幫助。

編輯：和逃跑，就像@Rob W在評論中提到的一樣。同樣在文檔中，在插值之下。