explain_styles
Explain why a CSS style does not apply by showing the winning declaration and the reason each competing rule lost.
Instructions
The core 'WHY': a per-property cascade verdict naming the winning CSS declaration and every loser with the exact reason it lost (specificity, !important, source order, inline, layer), each attributed to file:line or a WordPress/Elementor/Customizer origin. Reach for this whenever a style is wrong or 'won't apply' — wrong color/font/size/spacing, 'something is overriding my rule', 'where does this value come from', 'which rule do I edit'. Prefer this over grepping the source for a style bug: source search finds candidate rules, but only the live cascade shows which one actually WINS on a layered stack — so diagnose here before editing CSS you assume is the cause. Each winner also reports its BLAST RADIUS — how many other elements that rule styles (so you change THE button, not all buttons) — plus a scoped selector that targets just this element, with a specificity verdict. Pass an optional property (e.g. 'margin-bottom') to focus.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| x | No | Viewport x coordinate — use together with y | |
| y | No | Viewport y coordinate — use together with x | |
| uid | No | Element uid from a prior page_snapshot / find_elements | |
| property | No | CSS property (longhand or shorthand) to explain; omit for all competing/authored properties | |
| selector | No | CSS selector (first match) — alternative to uid |