嵌套选择与SASS相结合

Question

在CSS中，我可以这样选择：

input[type="number"],
input[type="password"],
input[type="text"],
textarea,
.button {
  border-radius: 3px;
}

如何在SASS中嵌套属性选择器以实现此输出？下面的SASS使我的linter尖叫(sass-lint，“请检查块的有效性”)。

input {
  &[type="number"] {}
  &[type="password"] {}
  &[type="text"] {}
},
textarea,
.button-base {
  border-radius: 3px;
}

Answer 1

我知道你在说什么，但这可能是徒劳的。我认为这种汇编是不会发生的。这可能是你得到的最接近的：

textarea,
.button-base {
  border-radius: 3px;
}
input {
  &[type="number"],
  &[type="password"],
  &[type="text"] {
      @extend .button-base;
  }
}