波旁/萨斯：＃{$所有文本输入}与悬停或重点是什么？(Bourbon/Sass: #{$all-te

按照波旁文档 ，你可以使用#{$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;
}

是否有与波旁或无礼的方式申请:hover或:focus于每一个？

#{$all-text-inputs:hover}和#{$all-text-inputs}:hover没有工作。

Answer 1:

你应该能够只窝:hover和:focus使用的Sass样式父选择 ：

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

Answer 2:

如何#{$all-text-inputs-hover}而不是#{$all-text-inputs:hover} ？

而对于焦点#{$all-text-inputs-focus}

再看规范http://bourbon.io/docs/#html5-input-types

文章来源: Bourbon/Sass: #{$all-text-inputs} with hover or focus?