css - 这是什么 CSS 选择器？ [ui-view].ng-enter-active

Question

方括号中第一部分是什么CSS选择器？

[ui-view].ng-enter-active {}

这不是属性选择器吗？

ui-view[content] {}

Answer 1

确实是一个属性选择器。属性选择器和类选择器都是 simple selectors , 和序列中的简单选择器可以按任何顺序排列，但类型或通用选择器(如果存在)必须排在第一位除外。

这意味着 [ui-view].ng-enter-active 和 .ng-enter-active[ui-view] 都是有效且等价的，匹配一个具有类“ng-enter-active”以及名为“ui-view”的属性的元素。前者起初看起来很奇怪，只是因为您很少看到属性选择器首先出现在一个简单的选择器序列中。

您的第二个示例 ui-view[content] 包含一个类型选择器 ui-view。因此，与您的第一个示例不同，它不能重写为 [content]ui-view，因为如前所述，类型选择器必须放在第一位。