具有继承参数的较少嵌套规则

Question

我想知道LESS是否接受带变量的这种操作：

.class(@A, @B)
{
    color: @A;
    background: @B;

    &:hover
    {
         color: @B;
         background: @A;
    }
}

因为这样做时，Web Matrix 3在：hover部分内向我抛出以下错误：“未声明的变量”

如果不被承认，那可能是一种解决方案？

谢谢大家。 干杯。

Answer 1

这是WebMatrix中的错误； 您的LESS完全有效。

您可以像这样将其缩短：

.class(@A, @B)
{
    &, &:hover
    {
         color: @B;
         background: @A;
    }
}