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