css - 使用 CSS 子选择器会更快吗？

Question

如果我们想定位段落中的链接，哪个选择器会更有效/更快？

p a

或

p > a

Answer 1

第二个(非常)稍微快一些。 CSS 由浏览器反向处理，因此您的两个规则都在页面上的所有 a 元素上进行测试。对于第二条规则，它只需要测试直接父级，对于另一条规则，它需要测试整个后代链。

在实践中，执行时间差异不会在统计上显着，直到您在具有同样多行 HTML 的页面上获得数万个这样的内容。