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,因为它没有得到足够的定期维护,不能被视为一种选择。
我最近遇到了 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,因为它没有得到足够的定期维护,不能被视为一种选择。