v149 · CSS · Pseudo-classes
Cascade Trace
Step through four scenarios to see how :hover and :focus-within propagate up the DOM tree. Each step shows which ancestors gain the pseudo-class — and where Chrome 149's top-layer boundary stops the propagation.
Scenario:
:hover / :focus-within active
top-layer element (boundary)
not affected
Select a scenario above to see the cascade trace.
see also
- Hover Boundary Demo — live :hover test with a popover
- Focus-Within Dialog Boundary — :focus-within and <dialog>
- Active Popover Test — :active on popover buttons
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗