ng-valid [required]と.ng-valid.requiredの違いは何ですか？

Question

私は運動はその後、私は、コードのこの作品を通じて来たようhttps://angular.io/docs/ts/latest/guide/forms.htmlを通過したのはなぜ.ng - 有効な[必須]の両方が、同時に使用.ng-valid.requiredセレクタです

.ng-valid[required], .ng-valid.required { 
    border-left: 5px solid #42A948; /* green */ 
} 

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

と私たちはちょうどそれらの1つでこれを置き換えられません？

Answer 1

<input class="ng-valid" required> 

ため.ng-valid.requiredルールはどちらのルールが

<input class="ng-valid required" required> 

のために有効である今、あなたはあなたが望むどのソリューションを選択することができ

<input class="ng-valid required"> 

有効です.ng-valid[required]ルールが有効ですCSで不要なルールを使用して削除するS.