css – Less.js – 强大的嵌套规则?

前端之家收集整理的这篇文章主要介绍了css – Less.js – 强大的嵌套规则?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我喜欢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(实际上并未包含相关示例)

原文链接:https://www.f2er.com/css/217481.html

猜你在找的CSS相关文章