Bourbon/Sass：#{$all-text-inputs} 带有悬停或焦点？

根据波本文档 http://thoughtbot.com/bourbon/#html5-input-types， 您可以使用#{$all-text-inputs}转动这个：

#{$all-text-inputs} {
  border: 1px solid green;
}

进入这个：

input[type="email"], input[type="number"],   input[type="password"], input[type="search"],
input[type="tel"],   input[type="text"],     input[type="url"],      input[type="color"],
input[type="date"],  input[type="datetime"], input[type="datetime-local"],
input[type="month"], input[type="time"],     input[type="week"] {
  border: 1px solid green;
}

有没有办法用 Bourbon 或 Sass 来申请:hover or :focus每一个？

#{$all-text-inputs:hover} and #{$all-text-inputs}:hover不工作。

你应该能够嵌套:hover and :focus使用 Sass 的样式父选择器 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_:

#{$all-text-inputs} {
  border: 1px solid green;
  &:hover, &:focus {
    // some styles
  }
}