Less.js - 强大的嵌套规则？

Question

我喜欢less.js制作嵌套规则的能力。例如

.A{
    .B{
        width:50px;
    }
}

导致

.A .B{
    width:50px;
}

但是有没有办法让它产生这个：

.A > .B{
    width:50px;
}

我已经尝试过这样做了：

.A{
    &>.B{
        width:50px;
    }
}

但它不起作用......

谢谢！

Answer 1

这很简单：

.A {
    > .B {
        width: 50px;
    }
}

另一个相关问题：Immediate Child selector in LESS

一些文档：http://lesscss.org/features/#features-overview-feature-nested-rules
（实际上并未包含相关示例）