less - 如何为：hover，：active，：disabled等状态编写更少的mixin？

Question

这是我写的，但我明白了

解析错误：无法识别的输入

我该如何规避这个？

我不想为焦点、活动和禁用状态声明单独的 mixin。

我正在使用 WinLess 在 Windows 7 上进行编译。

• WinLess 版本：1.9.1
• Less.js 版本：2.1.2

这是我的代码

.state(@state,@property,@colour){
    &:@{state}{
        @{property}:@colour;
    }
}

任何帮助表示赞赏。

Answer 1

最好的解决方案是将您的 Less.js 编译器更新到最新版本（v 2.5.3），因为它可以按原样编译问题中提供的代码，而无需进行任何修改。

但是，如果由于某种原因无法升级编译器，那么您将需要一个中间变量来形成伪类选择器，然后像下面的代码片段一样使用它们：

.state(@state,@property,@colour){
  @sel: ~":@{state}";
  &@{sel}{
    @{property}:@colour;
  }
}
#demo{
  .state(hover,color,red);
}