css - angular2 表单验证 - .ng-invalid :not(form) 是什么

Question

问题

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

上下文

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

他们的示例表单如下所示

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

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

Answer 1

啊，我自己发现的!

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

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