遇到困难

Question

我是LESS的新手，我正试图解决问题。这是我的问题，例如我有一个看起来像这样的文件

style.less

.FontAttr(@f-color: red, @f-weight: bold, @f-size: 12px) {
   color: @f-color;
   font-weight: @f-weight;
   font-size: @f-size;
}

据我所知，我可以在style.less

中使用这个

.fakelinkfont {
   .FontAttr(red, bold, 14px);
}

然后在我的实际页面中使用.fakelinkfont

<div class="fakelinkfont">Some Characters</div>

我的问题是我可以在我的实际页面中使用.FontAttr（）{...}而不是在style.less或我甚至做正确的事情。顺便说一下我是新来的，所以请提前感谢我。

Answer 1

你不能。

.fakelinkfont {
   .FontAttr(red, bold, 14px);
}

获取编译为：

.fakelinkfont {
   color: red;
   font-weight: bold;
   font-size: 14px;
}

这就是浏览器使用的内容。 您可以尝试使用client side less.js文件，但我不建议您在生产中使用它。