.ng-valid[required],.ng-valid.required { border-left: 5px solid #42A948; /* green */ } .ng-invalid:not(form) { border-left: 5px solid #a94442; /* red */ }
为什么同时使用了.ng-valid [required],.ng-valid.required选择器,而不能只替换其中的一个？
<input class="ng-valid" required>
.ng-valid.required规则适用于
<input class="ng-valid required">
这两个规则都适用于
<input class="ng-valid required" required>
现在,您可以选择要使用哪个解决方案,并删除CSS上不必要的规则.
