LessCss - &扩展函数可以嵌套吗?

时间:2015-02-09 09:36:25

标签: css less

我最近遇到了Less&扩展功能。

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

经过测试后,它似乎无法正常工作,或者我以错误的方式进行测试。第一个扩展是扩展的,第二个嵌套扩展不是。

我查看了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
}

任何建议表示赞赏。

2 个答案:

答案 0 :(得分:1)

最后我为ServiceStack Bundler抛弃了无线网络。这给了我Less的所有最新功能。恕我直言,我会保持清醒无视,因为它没有被定期维持足以被视为一种选择。

答案 1 :(得分:0)

.test{ .inline-list; }这就是你想要的,或者我还是弄错了?
你可以轻松地让一个类继承自另一个类,如.class{ .anotherClass; .andYetAnotherClass; }