angular2表單驗證 - .ng-invalid：not（表單）

Question

題

對於angular2表單元素，CSS選擇器的:not(form)部分是什么？

上下文

關於表單的當前版本的Angular2教程使用雙向數據綁定，更改跟蹤和驗證來將CSS類添加到表單元素。

他們的示例形式看起來像這樣

他們的示例代碼來實現紅色條看起來像這樣

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

Answer 1

啊，我自己發現了！

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

因此， :not(form)添加:not(form)以防止整個表單左側出現紅條。

Answer 2

CSS選擇器的:not(form)部分表示與form元素不匹配的元素。 所以任何DOM元素都不包括form元素。