为什么form.validate和.ng-invalid-emal.ng-dirty之间的空格

Question

在样式表的AngularJS应用程序中，我不明白“form.validate”和“.ng-invalid-email.ng-dirty”之间有空格：

function escapeHTML(str){
    var p = document.createElement("p");
    p.appendChild(document.createTextNode(str));
    return p.innerHTML;
}

任何提示或帮助都会非常感激。

Answer 1

那些是css选择器。

form.validate是任何具有.validate类的表单的选择器。 .ng-invalid-required.ng-dirty匹配任何包含.ng-invalid-required和.ng-dirty类的元素。

与在css文件中编写以下内容相同：

.class1.class2 {
    color: #fff;
}

Angular将类添加到处于特定状态（无效，有效等）的元素，并允许您定义如何在风格上定义这些状态。也许你改变颜色，加粗它们，加下划线，添加一个星号等等。它们只是用来简化你使用ng时的生活。

Answer 2

因为form.validate .ng-invalid-email.ng-dirty意味着同时包含ng-invalid-email类和ng-dirty类的内容，它位于一个带有validate类的表单中，这就是这里所需要的。

如果没有空格，它会选择一个包含所有三个validate，ng-invalid-email和ng-dirty类的表单。

空格表示选择器语法中的后代元素。 This MDN page has more on that。