連線兩個或多個變數的值

要將兩個或多個變數的值連線成一個字串並將其作為輸出列印，我們需要使用插值。

以下 Less 程式碼，

#demo:after {
  @var1: Hello;
  @var2: World!!!;
  content: "@{var1} @{var2}";
}

編譯時會設定 “Hello World !!!” 作為 content 屬性的價值。下面是編譯的 CSS：

#demo:after {
  content: "Hello World!!!";
}

如果兩個或多個變數的值僅需要以空間分離的方式彼此相鄰放置，則不需要插值。

#demo {
  @top: 4px;
  @right: 2px;
  @bottom: 6px;
  @left: 4px;
  padding: @top @right @bottom @left;
}

編譯上面的程式碼時，會生成以下 CSS。

#demo {
  padding: 4px 2px 6px 4px;
}

當結果字串需要在引號內時，變數值（或）之間不應有空格時，此方法將不起作用。對於這些情況，插值的使用是強制性的。