为什么使用@ {variableName}来代替@variableName来引导变量

Question

我正在查看bootstrap LESS源代码，其中有以下内容：

.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
  .col-@{class}-@{index} {
    width: percentage((@index / @grid-columns));
  }
}

为什么他们写-@{class}而不是简单地-@class？

Answer 1

正如@Damien_The_Unbeliever Less所解释的那样，您可以使用选择器名称，属性名称，URL和@import语句。 （还attribute selectors？）。

花括号{}用于使变量名清除。对于@ab，您可以阅读变量@a或@ab。 @{a}b强制使用变量@a并附加字符串b。