Matched rules
Every CSS rule that applies to an element, in cascade order, as the browser resolved it.
Choose Rules in the Code menu to list every CSS rule that applies to the element, the way the browser resolved them.
- Rules in cascade order, with overridden declarations struck through
- Cascade layers, nesting, @scope and container queries resolved as the browser does
- var() chains followed back to the value that won
- Rules for pseudo-elements, and values inherited from ancestors, in their own sections
- A collapsed section for rules that only apply in other states, such as :hover
- Shadow DOM: rules from open shadow roots
Questions
Does it resolve cascade layers and container queries?
Yes. Cascade layers, nesting, @scope and container queries are resolved as the browser does, and var() chains are followed to the value that won.
Where are :hover rules?
In a collapsed section for rules that only apply in other states. Force a state to move them into the matched list.