Less 减少CSS:&；多个类的反向父类？

这是我第一次发现&parent选择器非常有用，因此我不需要简单地重新定义父元素来修改子元素

当然，这其实很容易，但我不得不问

<div id="skrollr-body" class="nonav">
    <div class="skrollable">

    </div>
</div>


#skroller-body {
    .skrollable {
        margin-top:40px;

        .nonav & {
            // this parent selector lets me modify 
            // .skrollable without duplicating it
            margin-top:0px;

        }
    }
}

或节省冗余输出

#skroller-body.nonav.可滚动{页边空白顶部：0px；}

但这里的重点是易于维护和阅读的CSS代码。

&

运算符表示嵌套规则的父选择器，并且 在应用修改类或伪类时最常用 添加到现有选择器

因此：

---

哦，是的，这是一个很好的观点，我不需要复制父内容！

#skrollr-body {
    margin-top:40px;
    left:0;
    width:100%;

    .skrollable {
        margin-top:40px;
        position:fixed;
        z-index:100;
        .skrollable {
            position:absolute;

            .skrollable {
                position:static;
            }
        }
    }
    &.nonav {
            .skrollable {
                 margin-top:0px;
            }
    }
}

#skroller-body {
        &.nonav {
            .skrollable {
                // stuff
            }
        }
    }
}