Question

我想在Less mixin中使用一个变量，当传递给:extend时，我的结果与使用:extend的类名字符串相同。

在下面的示例中，我已经注释掉了一行，通过使用带有字符串的:extend来生成我想要的CSS输出。

但我怎样才能使用@class-name变量呢？

.class-to-be-extended {display: block;} 

.my-mixin (@class-name) {
  @class-string: ~".@{class-name}";

  .my-extra-class {

    // &:extend(.class-to-be-extended); // works

    &:extend(@{class-string}); // doesn't work, but no errors
  } 
}

.my-mixin(class-to-be-extended);

我想要的CSS输出是：

.class-to-be-extended,
.my-extra-class {
  display: block;
}

在撰写本文时，我使用最新版本，我可以找到更少的1.4.2

Answer 1

使用Less版本1.4.2无法做到这一点。（感谢Jon Schlinkert让我通过Twitter告诉我们。）

功能请求已提交至https://github.com/less/less.js/issues

如何将变量传递给：使用Less时扩展？

1 个答案: