less - 重用 LESS 嵌套样式

Question

假设我有一个使用 Less 定义的样式：

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

稍后，我想重用这个unstyled类：

.my-list {
  .unstyled;
}

但是，这不起作用，我无法弄清楚使它起作用的魔力。有什么想法吗？

score 6 · Accepted Answer

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

score 4 · Accepted Answer

试试这个：

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

.my-list {
  .unstyled;
}

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

score 2 · Accepted Answer

由于当它是嵌套样式时您不能重用.unstyled并且您可能不想编辑 Bootstrap 源代码，所以我建议您将两个类名都分配到您的列表中：

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

3 回答 3