LessCss - ＆扩展函数是否可以嵌套？

我最近碰到了Less &：扩展函数。LessCss - ＆扩展函数是否可以嵌套？

我想要做的就是能够嵌套两个或更多的扩展 - 换言之，扩展到一个本身扩展到另一个的类。

经过测试，似乎它无法正常工作，或者我以错误的方式去解决问题。第一个扩展扩展，第二个扩展不扩展。

我看过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 
}

任何意见赞赏。

来源

2015-02-09 dotnetnoob

对不起，但对我来说有点不清楚你想达到什么。你可以显示你想实现的结果吗？（在CSS中） – n1kkou 2015-02-09 09:44:09

我已经添加了一个例子 - 因为.inline-list继承了.clearfix，我希望这个关系在我从.test扩展到.inline-list时被维护。。不是这种情况。 .test扩展到.inline-list但不是.clearfix - 因此.inlinelist不起作用，缺少.clearfix – dotnetnoob 2015-02-09 09:59:24

你使用什么版本？你的例子在2.3-2.4中工作得很好（在prev。版本中有几个'extend'错误/问题可能会阻止这个问题）。 – 2015-02-09 10:59:57

最后，我倾倒了ServiceStack Bundler的无点。这给了我Less的所有最新功能。恕我直言，我会保持清除无点，因为它没有被定期维护足以被视为一种选择。

来源

2015-02-19 11:59:26 dotnetnoob

.test{ .inline-list; }这就是你想要的，或者我还是错了吗？
你可以很容易地让一个类继承像这样的另一个类.class{ .anotherClass; .andYetAnotherClass; }

来源

2015-02-09 09:58:26 n1kkou

如果我使用.clearfix作为.inline-list的混入，它的工作原理是扩展到.inline-list并获取内置的.clearfix。，但是扩展后，这种关系不会被维护。 – dotnetnoob 2015-02-09 10:02:02

LessCss - ＆扩展函数是否可以嵌套？

回答

相关问题