angular2 表单验证 - .ng-invalid:not(form) 做啥

Posted 2023-03-13

【中文标题】angular2 表单验证 - .ng-invalid:not(form) 做啥

【英文标题】：angular2 forms validation - what does .ng-invalid:not(form)angular2 表单验证 - .ng-invalid:not(form) 做什么

【发布时间】：2017-09-27 03:54:49

【问题描述】：

问题

angular2 表单元素的 CSS 选择器的 :not(form) 部分是什么？

上下文

Angular2 tutorial about forms 的当前版本利用双向数据绑定、更改跟踪和验证向表单元素添加 CSS 类。

他们的示例表单如下所示

他们实现红色条的示例代码如下所示

.ng-invalid:not(form)  
   border-left: 5px solid #a94442; /* red */

【参考方案1】：

啊，我自己发现的！

ng-invalid 类也是 <form> 元素。

因此，添加:not(form) 是为了防止整个表单左侧出现红色条。

【参考方案2】：

CSS 选择器的:not(form) 部分表示与form 元素不匹配的元素。所以除了 form 元素之外的任何 DOM 元素。