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
（实际上不包括相关的例子）