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

Question

我喜欢less.js的嵌套规则功能，例如：

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

这会导致

.A .B{
    width:50px;
}

但是有没有办法让它产生这样的结果：

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

我已经尝试过这样做：

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

但它无法正常工作...

谢谢！

- Van Coding

Answer 1

就是这么简单：

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

另一个相关的问题：LESS中的即时子选择器

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

- thirtydot