Less 重用嵌套较少的样式

Less 重用嵌套较少的样式,less,Less,假设我有一个使用较少的代码定义的样式: ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } 稍后,我想重新使用未设置样式的类: .my-list { .unstyled; } 然而,这是行不通的,我想不出有什么魔力可以让它起作用。有什么想法吗?试试这个: .unstyled { margin-left: 0; list-style: none; } .my-list { .unstyled;

假设我有一个使用较少的代码定义的样式:

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
稍后,我想重新使用未设置样式的
类:

.my-list {
  .unstyled;
}
然而,这是行不通的,我想不出有什么魔力可以让它起作用。有什么想法吗?

试试这个:

.unstyled {
  margin-left: 0;
  list-style: none;
}

.my-list {
  .unstyled;
}

如果定义为
ul.unstled
ol.unstyled
,则无法嵌套
.unstyled

不能重复使用任意类定义,只能使用mixin(以点开头的类)。在这种情况下,您需要复制它。

因为您不能重用
。当它是嵌套样式并且您可能不想编辑引导源代码时,我建议您只将这两个类名分配给列表:

<ul class="unstyled my-list" />

这对我不起作用,因为我没有原始定义。。。换句话说,
unstyled
类是在
Bootstrap.less
中定义的,我希望避免调整依赖项。相反,我想知道如何重用嵌套样式。如果您不/不能覆盖这些样式,我不确定您是否能够以您想要的方式重用它。LESS不允许您将
ul.unstyled
等指定为嵌套类。您总是可以创建一个mixin,但这会复制代码。这是否意味着LESS在定义
.myClass
时会创建一个无参数的mixin?好问题。我认为是的,因为根据文档,mixin只是类:“mixin允许您通过简单地将类名作为其属性之一,将一个类的所有属性嵌入到另一个类中。它与变量类似,但适用于整个类”。