Sass中的焦点选择器

尝试这个。 编辑：我错过了。当我粘贴答案时。

.input-group
  input
    &:focus
      & + .input-group-addon
        border-bottom: solid 2px #004eff

在这里，您可以看到SASS生成的CSS的作用。 注意： “图标”在DOM中的位置已移动。

.input-group
  input
    &:focus
      & + .input-group-addon
        border-bottom: solid 2px #004eff

.input-group input:focus+.input-group-addon {
  border-bottom: solid 2px #004eff;
}