在 Less 中，通过使用扩展（Extend）功能，你可以将一个选择器的样式继承到另一个选择器中，这样可以减少代码的冗余。Less 中的扩展通过使用 :extend 伪类来实现。

以下是一个简单的例子：
// 定义基础样式
.base-style {
  font-size: 14px;
  color: #333;
}

// 扩展样式
.extended-style {
  :extend(.base-style);
  font-weight: bold;
}

在上述例子中，.extended-style 类选择器通过 :extend(.base-style) 将 .base-style 的样式继承过来，这样 .extended-style 将包含 .base-style 的所有样式属性。这有助于减少代码的重复。

需要注意的是，扩展并不会改变 HTML 中元素的类名，它只是在生成的 CSS 中将两个选择器的样式合并在一起。这意味着你可以在 HTML 中使用 .base-style 类，同时样式将应用于所有扩展了它的类。
<div class="base-style">This text has base style.</div>
<div class="extended-style">This text has extended style.</div>

在上述 HTML 中，两个 <div> 元素都将继承 .base-style 的样式，同时第二个 <div> 元素还将拥有额外的 font-weight: bold; 样式。

请注意，扩展功能在某些情况下可能会导致样式复杂性和维护性的问题，因此在使用时需要慎重考虑。


转载请注明出处：http://www.zyzy.cn/article/detail/4289/Less