SASS 引用特定的父选择器

Question

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

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

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

时，我想在父货币字段上加上边框

Answer 1

如果要引用 .ng-invalid class 的 .currency-field 标记，请更改语法 (.currency-field.ng-invalid)

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

SASS 引用特定的父选择器

SASS referencing specific parent selector

html

css

sass

angularjs