Less Can'；t在更少的时间内定义可重用的逗号分隔选择器列表

考虑以下代码：

.a {
  button,
  input[type='button'],
  input[type='submit'],
  input[type='reset'] {
    background: red;
  }
}

.b {
  button,
  input[type='button'],
  input[type='submit'],
  input[type='reset'] {
    background: blue;
  }
}

---

我希望能够以可重用的方式定义四种可能的按钮类型。我过去可以在SASS中轻松实现这一点，但为了使用语义用户界面，我已经改用更少的方式。我找不到用更少的语法来实现这一点-可能吗？

好的，我现在有了一个解决方案，源自：

---

请参阅。对于上面的特殊代码片段，解决方案非常简单。

@all-buttons: {
  button,
  input[type='button'],
  input[type='reset'],
  input[type='submit'] {
    .get-props()
  }
};

.set-props(@selectors; @rules; @extension: ~'') {
  @selectors();
  .get-props() {
     &@{extension} { @rules(); }
  }
}

.all-buttons(@rules; @extension: ~'') {
  .set-props(@all-buttons; @rules; @extension);
}

.a {
  .all-buttons({
    background: red;
  });
}

.b {
  .all-buttons({
    background: blue;
  });
}

// Also enables an extension such as a pseudo selector for each button type
.c {
  .all-buttons({
    background: green;
  }, ~':hover');
}