我喜欢less.js的嵌套规则功能,例如:
.A{
.B{
width:50px;
}
}
这会导致
.A .B{
width:50px;
}
但是有没有办法让它产生这样的结果:
.A > .B{
width:50px;
}
我已经尝试过这样做:
.A{
&>.B{
width:50px;
}
}
但它无法正常工作...
谢谢!
就是这么简单:
.A {
> .B {
width: 50px;
}
}
另一个相关的问题:LESS中的即时子选择器
一些文档:http://lesscss.org/features/#features-overview-feature-nested-rules
(实际上没有包含相关的示例)