LessCss - &:extend 函数可以嵌套吗?

LessCss - Can the &:extend function be nested?

我最近遇到了 Less &:extend 函数。

我想做的是能够嵌套两个或多个扩展 - 换句话说,扩展到 class 本身扩展到另一个。

经测试,似乎它不起作用,或者我的方法不对。第一个扩展已扩展,第二个嵌套扩展未扩展。

我查看了 Less 站点和一些权威博客,但找不到任何关于是否可行的参考。

这是一个例子:

.clearfix
{
    &:before,
    &:after {
        content: " ";
        display: table;
    }

    &:after {
        clear: both;
    }
}

.inline-list
{
    &:extend(.clearfix all);

    > li {
        float:left;
    }
}

.test
{
    &:extend(.inline-list all);
    // clearfix is not extended to test
}

感谢任何建议。

.test{ .inline-list; } 这就是你想要的,还是我还是理解错了?
您可以像这样轻松地使 class 从另一个 class 继承 .class{ .anotherClass; .andYetAnotherClass; }

最后我为ServiceStack Bundler倾倒了dotless。这为我提供了 Less 的所有最新功能。恕我直言,我会远离 dotless,因为它没有得到足够的定期维护,不能被视为一种选择。