В чем разница между ng-valid [required],.ng-valid.required?

Я проходил через https://angular.io/docs/ts/latest/guide/forms.html как упражнение, затем я прошел через этот фрагмент кода:

.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 селекторов используются в одно и то же время и не могут заменить это только одним из них?