SASS引用特定的父选择器[重复]

Question

我有以下代码处理货币字段父选择器：

.currency-field {
  .ng-invalid & {
    border: 1px solid $color-failure;
  }
}

我在 html 中有几个 class="currency-field" 标记，所有这些标记都被 ng-invalid 类引用，即使只有一个字段具有 ng-invalid 类。我想修改上面的代码，以便只引用带有 .ng-invalid 类的 .currency-field 标记。 当子输入标签包含 ng-invalid 类时，我想在父货币字段上放置边框。

Answer 1

如果您想引用带有 .ng-invalid 类的 .currency-field 标记，请更改语法 (.currency-field.ng-invalid)

.currency-field {
  &.ng-invalid {
    border: 1px solid $color-failure;
  }
}