动态伪 class 是否先于选择器的其余部分求值?
Is a dynamic pseudo-class evaluated before the rest of the selector?
据我所知 CSS select 或从右到左进行评估,因此 body div *
将 select 每个项目,而不是具有父级的外观类型 div 以及那些具有 body 类型父项的类型。我不确定的是动态伪 类 如何在此链中进行评估。
如果我有select或喜欢div *:hover
,评价会如何?
:hover
=> *
=> div
*
=> :hover
=> div
- 另一个我没想到的解决方案
不幸的是,
* => :hover => div
首先评估通用选择器,这意味着它会查看 DOM 中的 每个 元素,然后检查它是否在 :hover
中状态。最后,对于任何匹配的元素,它会检查父元素 div
.
据我所知 CSS select 或从右到左进行评估,因此 body div *
将 select 每个项目,而不是具有父级的外观类型 div 以及那些具有 body 类型父项的类型。我不确定的是动态伪 类 如何在此链中进行评估。
如果我有select或喜欢div *:hover
,评价会如何?
:hover
=>*
=>div
*
=>:hover
=>div
- 另一个我没想到的解决方案
不幸的是,
* => :hover => div
首先评估通用选择器,这意味着它会查看 DOM 中的 每个 元素,然后检查它是否在 :hover
中状态。最后,对于任何匹配的元素,它会检查父元素 div
.