假设我使用Less定义了一个样式:
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
稍后,我想重新使用“未经样式处理的”类:
unstyled
。.my-list {
.unstyled;
}
然而这并不起作用,我无法想出让它起作用的方式。有什么想法吗?
假设我使用Less定义了一个样式:
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
unstyled
。.my-list {
.unstyled;
}
然而这并不起作用,我无法想出让它起作用的方式。有什么想法吗?
您无法重复使用任意类定义,只能重复使用混合类(以点号开头的那些)。在这种情况下,您需要进行复制。
试试这个:
.unstyled {
margin-left: 0;
list-style: none;
}
.my-list {
.unstyled;
}
如果将.unstyled
定义为ul.unstyled
和ol.unstyled
,则无法嵌套。
unstyled
类是在Bootstrap.less
中定义的,我想避免调整依赖关系。相反,我想知道如何重用嵌套样式。 - Brian Genisio由于当 .unstyled
作为嵌套样式时无法重复使用,而您可能不想编辑 Bootstrap 源代码,因此建议您将这两个类名都分配给您的列表:
<ul class="unstyled my-list" />
.myClass
时,LESS会创建一个无参数的mixin? - Dennis Burton