我喜欢less.js制作嵌套规则的能力.例如
.A{ .B{ width:50px; } }
结果
.A .B{ width:50px; }
但是有没有办法让它产生这个:
.A > .B{ width:50px; }
我已经尝试过这样做:
.A{ &>.B{ width:50px; } }
但它不起作用……
谢谢!
解决方法
这很简单:
.A { > .B { width: 50px; } }
另一个相关问题:Immediate Child selector in LESS
一些文件:http://lesscss.org/features/#features-overview-feature-nested-rules(实际上并未包含相关示例)