将嵌套选择与SASS结合

Question

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

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

如何在SASS中嵌套属性选择器以实现此输出？以下SASS导致我的linter尖叫（sass-lint，＆＃34;请检查块的有效性＆＃34;）。

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