动态伪 class 是否先于选择器的其余部分求值?

Is a dynamic pseudo-class evaluated before the rest of the selector?

据我所知 CSS select 或从右到左进行评估,因此 body div * 将 select 每个项目,而不是具有父级的外观类型 div 以及那些具有 body 类型父项的类型。我不确定的是动态伪 类 如何在此链中进行评估。

如果我有select或喜欢div *:hover,评价会如何?

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

不幸的是,

* => :hover => div

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