在SCSS选择器中包括可选的psuedo类。

如果你有类似于：

input, select {
  &:focus {
    border: solid 1px blue;
  }
}

.has-error {
  input, select {
    border: solid 1px red;
  }
}

然后，

.has error

中的输入仍将被设置为蓝色，因为

输入：focus

更具体

有没有一种优雅的方法可以克服这个问题？ 我最好的办法是：

input, select {
  &:focus {
    border: solid 1px blue;
  }
}

.has-error {
  input, select, input:focus, select:focus {
    border: solid 1px red;
  }
}

您需要更多的嵌套：

.has-error {
  input, select {
    &, &:focus {
      border: solid 1px red;
    }
  }
}

---

我现在正准备亲自发布此消息！：）