resolve_styles
Determine which CSS properties apply to a selector and why, showing winning rules and overridden ones with confidence levels, to understand cascade context before making changes.
Instructions
Resolves what CSS actually applies to a given selector. Returns every property the selector would receive, which rule wins for each property, and which rules were overridden — with confidence levels (certain/likely/possible) since no real DOM is available. Call this before modifying styles for an element to understand the full cascade context first.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| files | No | Absolute paths to CSS/SCSS files to analyze. | |
| selector | Yes | CSS selector to resolve, e.g. ".btn.primary", "#header a:hover" | |
| projectRoot | No | Optional: path to a project root. All CSS/SCSS files will be discovered recursively. |