CSS - 如果两个css类与其他css类一起存在，则应用css规则

Question

我有输入字段的表单。应用于输入字段的类在单击提交按钮时更改。如果两个css类与其他css类一起应用

，我想应用css规则

实施例

<input ng-model="formField.val" type="text" name="103" 
       class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" 
       ng-disabled="readOnlyFlag" required="">

点击提交按钮，新的css类ng-invalid＆amp; ng-touching与其他css类一起应用。我想要申请css规则如果ng-invalid＆amp; ng-touching与其他css类一起应用。

 <input ng-model="formField.val" type="text" name="103" 
       class="form-control ng-pristine ng-empty ng-invalid ng-invalid-required ng-touched ng-invalid ng-invalid-required" 
       ng-disabled="readOnlyFlag" required="">

Answer 1

当有两个类时，为输入添加样式：

input.ng-invalid.ng-touched{
  background:red;
  color:red;
}

或者如果您想使用代码，请使用hasClass：

angular.element(myElement).hasClass('my-class');
angular.element(myElement).addClass('new-class');
angular.element(myElement).removeClass('old-class');

代码是从this问题中复制的。