css - 如何删除LESS中的重复属性

我有一些更少的代码：

.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中删除此重复项吗？

谢谢

最佳答案

您可以混合以下属性：

.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;
    }
  }
}