Question

如果使用角度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;
}

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/

Css和AngularJS：如果使用ng-class生成一个类，如何在css选择器中嵌套两个类

3 个答案: