Css和AnuglarJS：如果一个类是使用ng-class生成的，我如何在css selecter中嵌套两个类

Question

我在这里有问题。如何在css选择器中嵌套两个类，如果其中一个类是使用角度js中的ng-class生成的。我的代码被示感谢

<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; 
} 

Answer 2

.class-inputs.active { 
    color: red 
} 

参考CSS选择 https://www.w3.org/TR/CSS2/selector.html#class-html

plunker：http://jsfiddle.net/9pcyy5zc/1/

Answer 3

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

检查你的条件也为true

供您参考检查小提琴http://jsfiddle.net/ADukg/10653/