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;
    }
}

另一个相关问题:LESS中的立即儿童选择器

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