Less语言特性 - 扩展

Extend是一个LESS伪类，它通过使用:extend 选择器在一个选择器中扩展其他选择器样式。

就好比定义好的方法，然后利用extend，在这里进行调用。或者可以理解为，就是利用extend，把别的样式通过样式名给引用过来。

示例

h2 {
  &:extend(.style);
  font-style: italic;
}
.style {
  background: green;
}

转换后：

h2 {
  font-style: italic;
}
.style,
h2 {
  background: green;
}

扩展语法

扩展放置在规则集中或附加到选择器。 它类似于包含一个或多个类的伪类，它们之间用逗号分隔。 使用可选的关键字全部，可以跟踪每个选择器。

例如：

.style:extend(.container, .img)
{
  background: #BF70A5;
}
.container {
  font-style: italic;
}
.img{
   font-size: 30px;
 }