是否在选择器的其余部分之前评估了动态伪类？

Question

据我所知，CSS选择器从右到左进行评估，因此body div *将选择每个项目，而不是具有div类型的父项和具有body类型父项的项目。我不确定的是如何在这个链中评估动态伪类。

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

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

Answer 1

不幸的是，

* => :hover => div

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