如何删除LESS中的重复属性

Question

我有一点代码：

.text-wraper {
  width: 50%;
  height:200px;
  h2 {
    margin: 10px 15px;
    padding: 0px;
  }
}

.sucess-wraper-header {
  width: 100%;
  background-color: #f2f2f2;
  &,
  .text-wraper,
  h2 {
    margin: 10px 15px;
    padding: 0px;
    span {
      color: red;
    }
  }
}

请注意，有一点重复，即

h2 {
    margin: 10px 15px;
    padding: 0px;
  }

我们可以推出包装纸。但我们对h2有不同的造型。我们可以在LESS中删除这种重复吗？

由于

Answer 1

你可以混合这些属性：

.heading() {
margin: 10px 15px;
padding: 0px;
}

.text-wraper {
  width: 50%;
  height:200px;
  h2 {
    .heading();
  }
}

.sucess-wraper-header {
  width: 100%;
  background-color: #f2f2f2;
  &,
  .text-wraper,
  h2 {
    .heading();
    span {
      color: red;
    }
  }
}