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

【问题标题】：CSS - Apply css rule if two css classes are present with other css classesCSS - 如果两个 css 类与其他 css 类一起存在，则应用 css 规则
【发布时间】：2016-07-28 02:24:44
【问题描述】：

我有带有输入字段的表单。单击提交按钮会更改应用于输入字段的类。如果两个 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 和 ng-touched 将与其他 css 类一起应用。如果 ng-invalid & ng-touched 与其他 css 类一起应用，我想应用 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="">

【问题讨论】：

标签： css angularjs

【解决方案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 question。

【讨论】：