【问题标题】:LESS nested rule with inherit parameters具有继承参数的 LESS 嵌套规则
【发布时间】:2013-08-08 14:47:48
【问题描述】:

我想知道LESS是否承认这种带变量的操作:

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

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

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

如果不被录取,可能的解决方案是什么?

提前谢谢大家。 干杯。

【问题讨论】:

    标签: html css less webmatrix


    【解决方案1】:

    这是 WebMatrix 中的一个错误;您的 LESS 完全有效。

    你可以像这样缩短它:

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

    【讨论】:

    • 我应该使用其他 IDE 和/或编译器吗?
    • @FedericoMaza:Visual Studio(尤其是 2013,尤其是 Web Essentials)非常好。它仍然有一些错误,但应该会在 2013 RTM 中修复。
    • 您减少的代码与 OP 的原始问题的输出不同。请注意,他翻转了 :hover 上的颜色,而您的则为两个状态保持相同的颜色。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-25
    • 1970-01-01
    • 1970-01-01
    • 2014-09-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多