SASS引用特定的父选择器

Question

我有以下代码解决货币字段父选择器：

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

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

Answer 1

如果您希望.currency-field标记引用.ng-invalid类，请更改语法<{1}}

.currency-field.ng-invalid