html - Css 和 AngularJS : How can I nest two classes in css selector if one class is generated with ng-class

Question

如果其中一个类是在 Angular js 中使用 ng-class 生成的，我如何在 css 选择器中嵌套两个类。我的代码如下所示

<input class="form-control class-inputs" ng-class="{'active' : condition here...}" />
<input class="form-control class-inputs" ng-class="{'active' : condition here...}" />
<input class="form-control class-inputs" ng-class="{'active' : condition here...}" />

在我的 CSS 中:

.class-inputs.active {
    background-color : red;
 }

问题是背景颜色没有变成红色。 我的目标是在条件为真时使用 ng 类更改事件按钮的颜色，颜色应更改为红色。

Answer 1

在你的情况下，我认为这会起作用:

.active {
  background-color : red;
}