重用LESS嵌套样式

Question

假设我使用Less：

定义了一种样式

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

稍后，我想重新使用unstyled类：

.my-list {
  .unstyled;
}

然而，这不起作用，我无法弄清楚它的工作原理。有什么想法吗？

Answer 1

您不能重复使用任意类定义，只能使用mixins（以点开头的那些）。在这种情况下，您需要复制它。

Answer 2

试试这个：

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

.my-list {
  .unstyled;
}

如果定义为.unstyled和ul.unstled，您将无法嵌套ol.unstyled。

Answer 3

由于您在嵌套样式时无法重用.unstyled，并且您可能不想编辑Bootstrap源代码，我建议您只分配两者列表中的类名：

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