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

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

猜你在找的CSS相关文章