如何在Less中继承元素而不使用类叠加？

Question

我们希望使用类似的mixin从bootstrap的h1中继承样式，以Less的形式呈现。

.btn2{ .btn; }

但是想要使用 h1 元素：

.h1_replace{ h1; }

- user2045103

---

正如David F在他的回答中所说，你不能在LESS中通过元素类型进行继承。只有类或ID可以用作mixin。 - ScottS

自从Less 1.4.0版本以后，这个说法不再成立，请参见下面的thirteen的回答。 - Philzen

Answer 1

我不认为less支持那种类型的类继承。相反，你可能需要将h1样式重新定义为一个类并继承它。

.h1 {
    /* copy h1 style here */
}

.h1_replace{ 
    .h1;
}

如果你这样做，那么你可能只需要在代码中使用.h1类。

- David Fritsch

---

如果你被困在 LESS < 1.4.0 版本中，这似乎是唯一有效的解决方案，否则现在你可以只使用 :extend 语法而无需重构 LESS 文件结构。 - Philzen

Answer 2

您可以使用扩展功能：

.h1_replace:extend(h1) {}

http://lesscss.org/features/#extend-feature

- thiirteen