css - 动态伪类是否先于选择器的其余部分求值？

Question

据我所知，CSS 选择器是从右到左评估的，所以 body div * 会选择每个元素，而不是 look 有一个 div 类型的父项和那些有一个 div 类型的父项类型的 body 。我不确定的是如何在此链中评估动态伪类。

如果我有一个像 div *:hover 这样的选择器，评估会怎样？

1. :hover => * => div
2. *=> :hover => div
3. 另一个我没有想到的解决方案

Answer 1

不幸的是，

* => :hover => div

首先评估通用选择器，这意味着它查看 DOM 中的 每个 元素，然后检查它是否处于 :hover 状态。最后，对于任何匹配的元素，它会检查父 div。